Course Screen, Login Screen, and CN App Icon

Course Screen (Tasks)

Notes:

The tasks and posts sections on the course page are divided into two tabs. This avoids showing the posts section underneath the long tasks section.

The tasks bar can be scrolled horizontally, and the active task is highlighted in blue. The current task in the course should be loaded by default with the previous tasks before it.

If the instructor does not have any tasks in the course, these tabs should not appear, and the posts section will be shown instead.

Ali suggested a new feature showing a total number of anar seeds required to earn a bonus in the course. Also, showing the profile picture of the student with the highest number of anar seeds in the course, and how the logged in user compares to them. The lowest anar seed student does not get their picture shown (just the number).

Photoshop Source File: https://app.box.com/s/uquymo3yf1vvuyejb6si

Course Screen (Posts)

Photoshop Source File: https://app.box.com/s/5bmab1pe2xfadqd2uup3

Login Screen

Notes:

Currently, the giant CN logo on the splash screen moves down after loading is completed. Instead, I think the logo should scale down to the size/location of the CN logo on the login screen, above the login form.

I added a "create an account" link. It will open a web browser, and allow a new user to create a CN account.

Photoshop Source File: https://app.box.com/s/93oq0rlyovrp5e3ynv29

CN App Icon

Notes:

The CN logo is circular everywhere. For some reason, the app icon has a square around it. I think the circular icon makes more sense and looks much better.

I used a gradient for the background. The top is the same dark blue as the CN logo, and the bottom is black.

I think the transparent white half circle effect on the icon looks bad. Most iOS apps no longer use this. All of the icons for the default iPhone apps in iOS 7 (coming out later this fall) will have this shiny icon effect removed.

Icon .png download link: https://app.box.com/s/m1fopz2hrb3dzr7fslvk