Coles App Redesign

Coles App Redesign

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.



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.