Monday, 19 November 2018

Wireframe Sketches

I have now started to create some rough wireframe sketches for my shoe wardrobe app. I first started by making a list of pages/links to consider; Home page, Gallery, Camera/Scan for adding a new pair of shoes, Previous outfits/inspiration, Categories.

The homepage would contain a main body of text which would say something like 'Whats the occasion today?' with a small interactive slideshow of your shoes underneath with a link to the gallery 'browse shoes'. The border at the top contains a link to the camera/shoe scan page in the top left corner. The top right corner is a drop box menu which displays your profile name with how many shoes you own underneath.

The drop box would contains links to the 'gallery' which contains pictures of all your shoes, the 'category' link which takes you to a page of all your shoe categories- each category contains the shoes that go with it, a 'search' link which allows you to search for shoes by name/colour and possibly a 'recent' link which could show you the recent shoes that you have added/looked at on the app.

The camera page allows you to scan in new shoes to add to the app- the camera feature would have a lens on how to photograph the shoe; 'Place your shoes inside the box' (when you open the camera). The box would be created with little scanning dotted lines; it needs to be simple so that it is easy for the user to scan in.

Additionally, the category page would contain all of the shoes split into their different categories. When clicking onto a pair of shoes in the category, it takes you the shoes' 'profile' page. The shoes profile page contains a large image of the shoes, with a description below; the name, brand, height, colour and what you last wore them with. These are the descriptive terms that you would also use in the search bar.

The main pages:

  • Homepage
  • Camera/shoe scanner
  • Shoe profile
  • Category page
  • Small pages/links; drop box menu, gallery

Shoe profile page requirements:

  • The description/name: Everyone refers to their shoes as names that helps them remember them, e.g. sparkly red heels
  • The brand
  • Height/sole: platform, heels, flat, hard grip, loose grip
  • Colour
  • Last worn with...this section tells you what you wore last with it (the shoe profile page is editable) 







No comments:

Post a Comment