A promotional shot for the app in use. 
Always good to get the application flow down before start wireframing.
This is the wireframes created for the application. Wireframes was approved by key stakeholders before the design and development of the app began. 
We added a small tutorial when the app is started for the first time. The tutorial explains the basic use of the application.
This is some of the screens in the application. 
Small guide to the app walkthrough for the developers.
This is the 'design cheat sheet' created to help the developers build the application with easy access to color codes, typograpy etc.
prev / next