Designing the Sturcture and Layout of My Web Page

After completing all of the tasks I looked through the work I had produced for each task and selected what I was going to use as the main components for my website.
Home page -

Below is a photograph showing my designs from my sketch book. I printed out and stuck down all of the components such as the header, footer and nav bar that I had designed to see how they would work compositionally.  

And below shows a screen shot of all of my content in my website. I am really pleased with this design as I feel the tartan back ground really gives a sense of the heritage behind the website but the clean images and the sans serif fonts gives it a modern and clean feel too.

Below is a screen shot of my actual home page that I constructed using dream weaver.

I will now move on to designing the layouts for my other pages from my website.

About us page -

This page will include some infomation about the studio and will answer questions such as:

• Who they are?
• What they do?
• And how they differ from other tattoo studios?

This page will mainly consist of text and a couple of images to break up the page and make it look more visually intresting rather than it just beign a block of text.

Gallery Page -

This will consist of mainly images and examples of work produced by the studio.

The images will be small thumb nails that when clicked open up a larger image in a new window. The thumb nail and the larger image will be two separate images as this will save loading time for the page rather then just having the larger image shown at a smaller size on the page as the smaller file size will reduce loading time over all for the page.

 FAQ page -

This page will be my FAQ page. It will consist of frequently asked questions about tattooing. It will include such as questions about the process and aftercare for people who are really serious about getting a tattoo.

This page will consist of mainly text but I will include one image just to make it look more interesting.  

Close to the top there will be a list of all of the questions that will be answered in this page and if the viewer clicks on the link it will bring them down to where that particular question is on the page.

Contact infomation page -
This page is quite an important page as it contains all of the contact information. It is important that this page be clear and contain all of the relevant information as this is the link between the viewer looking at the website and the viewer booking a consultation with the studio.

There for this page has to be really clear and include all the information the viewer will need to contact the studio.

Having links for example with the website and also including a map and linking it to Google maps ensures that the viewer can find and contact the studio easily.

Now that I have planned out my web pages i will now move onto making them and adding the content to them before linking them together and publishing them as a live site which I will then link to this blog.