Course Screen (tasks)

Notes:

I changed the tasks / posts bar, and moved it from below the course description to the bottom edge of the screen. This prevents the layout from becoming too crowded by having the task tabs and the tasks / posts tabs too close together.

I changed the task tabs from a standard iPhone UI to a custom tab layout, with the color of the task tab (chosen by the instructor) on the right edge of the tab. The bottom of the selected tab blends in with the background color below it.

I changed the anar seeds bar so it is more simplified. The student with the highest amount of anar seeds is now above the bar, and the logged in user is below the bar, to prevent them overlapping. The text "GOAL (500)" changes color once the red bar overlaps it. The red bar will grow with an animation from left to right when the course page loads.

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