Web : Wire Frames

WIRE FRAMES

HOME PAGE SKETCHES:

working out my measurements for the container.

 Actual page.

DIGITAL-

HOMEPAGE:

I first thought i would have a small layout and have it at 1000 but i found it would be best to use a custom web page like you can create on illustrator so i changed it to 1024 x 768

I then also decided to design my top navigation that would feature on other pages on the homepage wireframe then when i come to design i can have the top navigation hidden. 

Height x Width - 1024 x 768

Navigation container - 150 x 700

Padding around buttons - 400 x 162

Buttons - 33 x 30

MAIN PAGES:


Sketch for mockup wire frame :

The images will have 250 px by 250px & Padding of 25px around the images.

My four main pages will have this layout and this container and the last page for featured will use the same wire frame.

Featured page :

The featured page is the same as the homepage but with the measurements for the buttons removed as thats where the text will go.