I designed a paper prototype to give a more accurate representation of the application and allowed people to test it, giving me valid feedback on my design. I kept in mind about layout of interface, with the user giving feedback on placement of buttons and objects.
Next in the design process was to design a digital wireframe for the app. This is done after receiving feed back on your paper prototype, and implementing the changes into the app, finalising the placement of interface objects.
Style Tile and Mood board
Next up was to design how the content will look, taking into consideration the colours, textures and typography. Designing a mood board helps the decide the final look of the app. Next up is to develop two Style Tiles. My style tile shows consideration of colour theme, textures, fonts, graphic elements and a logo.
Based on the mood boards and style tiles I then made two sets of presentation mockups. The mockups where made up of 3 screens placed iPhone image and edited using smart object in Photoshop. Each screen also had an annotated explanation of the design.The mockups were presented at a mock client meeting where we had to be prepared to answer client-like questions.
Lastly, I created a fully developed working prototype made up of 17 screens