Planning: Wireframe

In our last projects we have created our wire frame for our individual websites either on Photoshop or in Microsoft Word. We thought we would try a different format, an Apple iPad. We have used a software or an application on the iPad to draw out our wire frame.

This is a quick drawing of our front page after collecting the surveys we gave out to students. At the moment this has nothing to do with colours, but where everything is placed. We figured out we wanted a big image of a fashion photoshoot to stand out and it is there as a statement. The letters on top represent a category. 'A' is 'About', 'F' is for 'Fashion, 'B' is 'Beauty, for 'Extras' it is 'E' and finally 'S' for 'Shop'. These will be placed on top of the website and beside it will either be our logo 'Odd Form' with the word 'London' under or just a simple text. The background's colour will be darker than this as we are going for something plain like a canvas. However, white is too bright for our liking so we will be going for a black colour.

This just states what different categories there are on top of the page. We want a lot of space for the word 'Odd Form' to stand out and so the audience take a look at it.











This is an image of the menu that is broken down into sub-categories. This is about the category 'Fashion' and as you can see there are a couple of sub-categories such as 'Photo shoots' and 'Trends'. These are available for an audience that is looking for something specifically. Whether it is an agent or photographer that is on a look out for a model, someone that wants to get inspired or a fashion lover that wants to find out the next new trend that will be coming out.