Design Process & Prototypes:

I began my design process by creating some basic drawings of possible wireframes to show:

-The structure of my webpages.
-The kinds of information I wanted to display.
-The range of functions I could have available.

This image shows two basic wireframe structures in words that show what my website could include.

This image shows one of my wireframes in more detail, with different structures for each of the pages and how they can be navigated to and linked together.

This is another developed wireframe of a possible layout I could develop further showing text, images you tube videos and links.

Designing My Prototypes

Prototype 1:

Prototype 2:

Prototype 1 shows a detailed drawn wireframe of a Homepage and the 4 pages that this website would link to-(Data Gathering, Type of Tattoo, Popular Body Parts and Any Regrets). For this Prototype, I would use a black and red logo with the letter "T" for Tattoos and the icons for the navigation would be placed on the left hand side bar. I would keep this colour scheme and layout for all the pages of this website for uniformity. Each page would consist of text and images relevant to the subject and there would be links on the images that the user could click on to visit other websites.

For Prototype 2, I have drawn another detailed wireframe of a Homepage and the 2 pages that this website would link to-(Data Gathering and Types of Tattoo). For this Prototype, I would use a colour scheme of black and silver, with a small letter "T" for Tattoos as the logo, and the icons for the navigation would be placed at the top of the page. I would keep this colour scheme and layout for all the pages of this website for uniformity. Each page would consist of text, you tube videos and images relevant to the subject and there would be links on the images that the user could click on to visit other websites. I would also include a blog where visitors to the site could make comments and give feedback.

On reflection, I preferred Prototype 1, as I thought that this wirefame was easy to follow, with a strong and clear message throughout the pages. The content was interesting and the colour scheme was effective. Most importantly, the site was easy to navigate and the structure and layout was clear, professional and suitable to the theme of Tattoos.