Category: Website

Web Design Pre-Production



Who is the user?

Is this person male or female? If both, use percentages.

Age (lower and upper age)


My website is aimed at both genders. 40% male and 60% female because I think mostly female’s would listen to music, but some males do too. Mostly aimed at teenagers aged 13 to 20. It is aimed at mostly United Kingdom but also U.S.A.

I know the user is going to be a teenage girl aged 18 who has a huge interest in music. They would probably be bored at about midday and want to listen to music, or they could be in college going onto the website listening to music whilst they are working. They will also be from the United Kingdom.

Lego Star Wars Website

I think this user is male aged about 5 to 14 from England.

What makes my website different is that on my website you can upload videos quickly and you can chat to people from across the world live.

The user would be a 18 year old girl who lives in a town or city, probably in the UK. They would be middle class. They would be able to be sociable on this website by chatting live to people so it is a website like Facebook combined with YouTube. They would be in college going onto the website at about midday whilst working. They would be on a low income but enough to pay for the internet. The website would gain income from adverts. They would possibly just about drive but not be in a fancy car. They wouldn’t have an extremely social lifestyle because they would be addicted to chatting online and to the website. They might also use the website at home to talk to people whilst listening to music on the same tab. They would be living with their parents and older brother with a steady income. They would be like a typical mischievous teenage girl, so they would misbehave and use the website whilst revising but they would also chat to people online instead of working. They will be using this website on a PC, but could browse it on a phone or tablet.

We know this website is the NHS website from the logo, colours, text, layout/design, search, graphics (the cross in the left hand corner), toolbar/menus, rollover.

Search = we are looking for exact match

A-Z = search using first few words e.g. Goth, gothic cathedral

Navigation = relies on active links (testing – when you click a button to go on another page, you need to test it to make sure it is active and the link is there.)

To make the website we changed the height and width…

Then, we went to the home page.Screen Shot 2016-01-22 at 13.48.58

We then went to the A-master at the bottom and clicked it before going to browser fill and changing the background colour. A – master is the main page and background.

Screen Shot 2016-01-22 at 13.53.34

Then insert a new page and rename them.

Screen Shot 2016-01-22 at 13.58.04

Then add a B-Master and add a state button as shown:

Screen Shot 2016-01-22 at 14.52.22