A before and after comparison of the final UI components of the Coles app redesign.
For a more in-depth look at the process around this project, see the Coles case study.
Iconography
Updated icons to fall in line with the (recently released at the time) iOS 7 iconography conventions.
Collection View
Redesigned collections to shift focus away from transparency effects and move it towards the recipe's thumbnail and details.
Popover Modal
Visual cues and contextual coaching to help users complete tasks.
Meal Planner
Visual affordances to indicate the drag and drop functionality as well as plotting recipe durations, allowing users to see their progress at a glance.
Shopping List
Making use of the share sheet popover to increase real estate for shopping list.