App Development

From my wireframes, I have started to develop some of the page designs by adding content and colour into the wireframes. For now, I have just experimented with the 4 main pages/sections. The colour palette that I have gone with is a pink gradient of two colours; Pantone 1905 C into Pantone 706, I chose these colours as the app is aimed at women (in particular, very feminine women) so the colour palette needs to reflect this, these colours are also very delicate. Additionally, the light pink shade is also used in the logo. The typeface that I have used is Georgia, as it is simple but still has a personality- app typefaces tend to be as minimal and legible for the user as possible.

Below shoes the two first pages. The first page is what appears when you first open the app; the login page. The login page allows the user to sign in with their existing shoe app (as this is an extension app) making it convenient and easy for the user, or they can still sign in with their email if they wish.

Once the user has logged in, they get taken to the main home page. The home page displays the logo with the scan lines- by clicking on this, the user can get directed to the scanning/camera page. Additionally, there is also a link if the user wants to go straight to their gallery.

Furthermore, the two images below show an example of how the shoe profile pages could look and the drop box/side box. The shoe profile page can't be over complicated, so I have tried to only mention the key information about the shoe; an image, the name, brand, colour and what the user last wore them with, the user is able to edit the information if they wish (but not the image, as the image is automatically input from the other apps when scanning). The heart in the image allows the user to add the shoe to their favourites if they wish.

Additionally, the side box menu would be accessible by clicking the top right corner. The initial on the top right corner represents this (this is the first initial of the users name). The drop box menu contains the main important links. Additionally, the camera in the top left corner directs the user to the scanning page.

I will present these in my critique tomorrow along side my wireframes in order to gain feedback on what works and what doesn't.