Layout Planning

Layout

Even though I am re-creating the website I created previously I will be changing aspects such as the layout. I have looked at several websites to have an idea of a common layout structure so that I can create a user-friendly layout which people will be familiar with. 

Before I create plan of different layouts for my hompage I will have a look at different sites to see how they have structured their homepage layouts.

Below I have displayed several online clothing websites:

Topshop-

Boohoo-

Miss Guided-

Now that I have looked at different sites I will create several mockups of how my homepage could look like.
-

Layout 1:

Layout 2:

Layout 3:

Layout 4:

Looking at the layouts which I have designed for my homepage I have chosen to use layout 4 as I think that the menu tab would be best set out in the middle at the top of the page. Many websites such as the ones which I displayed previously have the menu set out in a linear structue and displayed in the middle.

Now that I have designed several layouts of what I would like my hompeage to look like I will start coding an index html page.