Project

Title

Web Authoring

Date (s)

Title

Name

Member(s)
Planner, Developer, Designer

Alicia Tolhurst

Website
Title

uPlay

Purpose

Sell video games/consoles etc.

Target Audience

Teenagers/Young Adults

Goal
Concept
Client Name:

The target audience for my website will be teenagers and young adults around the age of 16-30. My
website will be not be focussed towards a specific gender and all genders as I feel this is the most
obvious age people will be gaming. To make my website work for this age range I will need to
understand that making the website too interactive will give the website a childish theme, which
isnt what Im wanting, also I dont want my website to just be bland paragraphs of text as this will
put off my audience, so I will need to find the middle ground in order to allow my website to fit with
my target audience. I will also need to understand that my target audience are going to be mainly
student with a low income and so I will need to fit the prices of my products suitably.
Pages
I would like a minimum of 5 pages on my website since I will need several different pages for each
video game console. I will need to remember this throughout the planning and production stages of
making my website so that I have enough pages for what Im wanting to create. I will be creating the
home page for my website, the submenus which will be specified into groups depending on the
console, for example one will be called Xbox, another will be called PS4 etc.
Necessary banner / animated carousel
I will create carousel of images for my website, which will include the logo of my website on them as
well as different images of video games with a caption saying something like Sale! to attempt to
draw the user in with a deal. The games featured on this carousel will be new games or popular
ones.
Navigation bar
The navigation bar for my site will be found at the very top of the website. The logo will be found on
the left of the navigation bar, then there will be different links for different sub categories for my

website, for example the categories will be the names of different gaming
consoles and once the user clicks onto the category it will open a list of
different subcategories found in that section such as Games, Accessories
and Consoles. My navigation bar will be clearly structured so that the
customers will be able to know where each link will take them and so that it
will be easy to use.
Colour Scheme and Background
The website should obviously include a complimentary, yet limited, colour scheme and therefore I
will need to make sure that you only use a few colours which match together. My websites style will
be minimalistic and modern, I feel that cleaner look more enticing and it helps to find what the user
wants to find easier. The colour scheme that I will be using will be blues and bluish purples. These
colours a very gender flexible and so it is fitting for my target audience.
Screen Icons
My sites screen icons will be found on the top right of my sites navigation bar. I will have one icon of
a shopping cart that, when clicked, will take the user to their shopping cart. I will have another
screen icon with the image of an envelope which, when clicked, would take the user to the contact
us part of the website. The rest of the screen icons will have links
attached to different social media outlets: Facebook, Twitter,
Tumblr, Google+, etc.
Web Graphics
The website will need to include suitable web graphics so that its attractive to look at and helps to
create a good website design. Some of the default size requirements in Dreamweaver will require
me to resize some of my images using Photoshop. Video, images, awareness of saving objects for the
web and sizes.
Links
Throughout the website, a range of different links need to be used; including, text links, button links
and graphic links. Most of my links will me internal, so theyll link to another page that is on my
website, however the links on my screen icons will be external links as they will be linking to the
websites page on other websites.
Tables
I like the use of tables to not only set up, but also to standardise, information.
Text
I will use some fonts from Dafont mainly for titles since there is a wider range of fonts to choose
from and I can choose fonts depending on their category. For example, if I wanted joint text I could
choose from a wide variety of different joint text, etc. Ive decided that the font size of the main
information of my website will be the largest, this is to help the user navigate around and to make
the user want to read. Ive decided that the largest font size Ill be using (for titles) will be around

24-30. This is because Ill need to make the text clear and legible for the user to read. The font colour
will be a dark blue, purple or black depending on which looks best on the design. I will be using
Calibri for the body font of my website as I feel it is easy to use and looks modern, which will fit in
with the theme of my website.
Form
I want the website to include an active form to collect customers details, this will be
collecting details such as the customers phone number, email address, card details etc.
I might use check boxes on the terms and conditions page if I create a log in feature or
maybe for permissions like whether the user would want to be e-mailed updates by my
website etc. I might also use radio buttons if I have a sign in feature to confirm what sex
the user is. I might also use a list menu to specify the users title. I will also be using
buttons if I have a log in/sign up feature to submit the form or to reset fields. I would also make the
majority of fields required fields so that the user doesnt skip questions. I would set a max character
limit for passwords. The tabindex global attribute is an integer indicating if the element can take
input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at
what position. It can be a negative value, which means that the element should be focusable, but
should not be reachable via sequential keyboard navigation; It can be a value of 0, which means that
the element should be focusable and reachable via sequential keyboard navigation, but its relative
order is defined by the platform convention; it could also be a positive value which means it should
be focusable and reachable via sequential keyboard navigation; its relative order is defined by the
value of the attribute: the sequential follow the increasing number of the tabindex. If several
elements share the same tabindex, their relative order follows their relative position in the
document).
Email Address
I will place a link on my website to an email address where potential customers can send questions
about specific products or regarding anything about the site in general.
Embedded Media
This may be a video or embedded google map possibly.
Accessibility
I need to make my website accessible for all. Therefore, that means that I will need to take into
consideration that some people might have poorer eyesight and so I will need to make sure that the
writing on the website is clear and that people dont have to strain to read. Most of the time people
wont go reading every part of a website and will read the things that jump out to them. In order to
make my product jump out to the viewer I will need to use clear, bold, and legible text that is in a
colour that can be easily viewed over the background image/colour. For example, if the background
colour is white the text should be black, etc.
The website needs to be accessible in the form of pop-ups on graphics, valid alternate text and a
consistent font & colour.

Legal
Copyright laws
The Copyright law originally came from the United Kingdom from a concept of common law; the
Statute of Anne 1709. This was the first statute to provide for copyright regulated by the
government and courts, rather than by private parties. It then became statutory with the passing of
the Copyright Act 1911.
The Copyright designs and patents act (1988) was introduced for two main reasons: making sure
that people were rewarded for their hard work and also to give the creator a form of protection
from getting their work stolen. Before this act was introduced there was very little that creators
could do, in a legal sense, if someone else decided to steal their work and claim it as their own. The
law gives creators of literary, dramatic, musical, artistic works, sound recordings, broadcasts, films
and typographical arrangement of published editions rights to control the ways in which their
material may be used.
Currently in the UK one does not have to register or apply since the laws of copyright are
automatically enforced. Copyright lasts for a lifetime and then 70 additional year after the creator's
death. After this period of time has come to pass, then the copyright is usually passed down to the
creator's 'heirs' or beneficiaries. Often, the copyright does not only lie with the 'creator' alone, but
somebody else.
Ethical
Working in any part of the media one will find restrictions which always apply in regards to what
somebody can say or does. This is done to protect the audience from being insulted by racist
comments, or other insulting comments, which can be hurtful to a large, or small group of people.
The rules on the internet are not any different, copyright still exists, however it is a lot easier for
people to break these laws on the internet and more people feel protected due to the internets
sense of anonymity.
Within different jobs in the media there are different levels of restrictions. For example, a comedy
show and a news show will have very different levels of restrictions since modern day comedy can
be found insulting towards some people, whereas a news show will have much higher levels of
restrictions in which are more heavily enforced.
If anything shared is found offensive can result in the company being sued and being made to pay
out money in compensation. Ways a company can avoid this are:

Obtaining permission from the primary owner of a picture, video or sound clip before being
able to use it. Without someone's written permission, one must not use any part of someone else's
work.

Avoiding slander. One shouldn't make a verbal statement about an individual which could be
viewed as insulting, abusive or done in a way to damage somebody's reputation.

One shouldn't make a written statement about any one individual which could be viewed as
insulting, abusive or done in a way to damage their reputation, this is called Libel.


One should be aware of the way they represent and describe the content and the characters
in their work, since it should be unbiased and accurate (to an extent). This applies to race (black,
white, asian, etc.), gender (male, female, other), sexuality (homosexual, heterosexual, other),
disability (able bodied and otherwise), nationality (British or otherwise), class (working, middle or
upper), regionalism (north and south), age (young and old), religion (Christian, Muslim, Hindu, etc.)
Meaning that suggesting that anyone of these groups is inferior is strictly off-limits. Breaching any
one of these rules means that the production might not be allowed to be published and viewed.
There are some laws already in place which work alongside these rules such as The Race Relations
Act.
It is extremely important that when I am designing and planning my project, I take into consideration
all of the rules listed above and ensure that all the Acts are complied with. Most of the rules above
are reasonable considerations, however I will still need to check with the client to see whether they
are aware of all the considerations as and when is necessary.
To make sure that I do not break any of these rules, I will need to make sure that I gain permission
when needed or use media which is not copyrighted, and I will need to give credit where credit is
due.
Intellectual Property Rights
Intellectual property rights are the rights, which are given to given to people over the creations of
their minds. They usually give the creator an exclusive right over the use of his/her creation for a
certain period of time.
These rights are customarily divided into two main areas: Copyright and rights related to copyright
and industrial property.
Copyright ad rights related to copyright means that the rights of authors of literary and artistic works
(for example, books and other writings, musical compositions, paintings, sculptures, computer
programs and films) are protected by copyright, for a minimum period of 50 years after the death if
the author. The main purpose of protection of copyright and related rights is to encourage and
reward creative work.
Industrial property means that the exclusive rights given are generally subject to a number of
limitations and exceptions, aimed at fine-tuning the balance that has to be found between the
legitimate interests of right holders and of users.