Amie Matthews

Banner to advertise and also a roll over

images. The colours will be what the
colour of the advertising images is

Background will be a
cream colour

Navigation bar
links to other
pages

Search bar to also

navigate around
the website

Images of
popular books

Main book on
offer/most
popular image

Info on the book

Banner to
advertise and
also a roll over
images. The
colours will be
what the
colour of the
advertising
images is

Link to email
contact details

Phone number for

inquires

Search bar to
also navigate
around the
website
Navigatio
n bar
links to
other
pages

Image of
social
network

Imagemap for
location

Direction
s to local
shop

Form for feedback to see

how well the website is

A list of
social
network
site and
links to
them

Banner to
advertise and
also a roll over
images. The
colours will be
what the
colour of the
advertising
images is
Search bar to
also navigate
around the
website
Navigatio
n bar
links to
other
pages
Image of
the book
mainly the
cover

The stars are

the special
book offer if
there no star
then it a very
poplar book
and if theirs a
red banner it
means its a
new book

Link to the book info and

how to order that book

Banner to
advertise and
also a roll over
images. The
colours will be
what the
colour of the
advertising
images is

Navigatio
n bar links
to other
pages

Title screen
for web page

Search bar to
also navigate
around the
website

Image of
the most
popular
book
mainly the
cover

This gives the

reader a quick
info on the book
to grab there
attention

Image of
the book
mainly the
cover
Link to the book info and
how to order that book

Banner to
advertise and
also a roll over
images. The
colours will be
what the
colour of the
advertising
images is
Title screen
for web page
Navigatio
n bar
links to
other
pages

Search bar to
also navigate
around the
website

Kids zone

Image of
the most
popular
book
mainly the
cover

This gives the

reader a quick
info on the book
to grab there
attention

Image of
the book
mainly the
cover

Link to the book info and

how to order that book

Where the
signing are

Image of
author
and book

Link to the
book info

Shows
directions to
location

Book title
Book info ...................
...................................

Signing in
-

Buy
tickets
now : .....

Book title
Book info ...................
...................................
...................................

Signing in
-

Buy
tickets
now : .....

Book title
Book info ...................
...................................
...................................

Signing in
-

To buy
tickets for
book
signing
Map for
location on
signing

Teen zone
Picture of
book

Info on book

Image of other
books and how
much they cost

Test plan
Test case

What is being
tested?

How is it
being tested?

Expected
outcome

Click on it

Takes you to
another page

Hyperlinks on
navigation
bar
Images

Search bar

By loading
page
Try to search
for something

Google maps

Click on it and
see for
directions

The images
loads correctly
Able to take
you to the
right page
See if it gives
directions

Videos

Click on it

Text

Hyperlinks on
for our email
address and
number
User Form

A test user
reads text
Click on it

Titles

10

Banner

Try to sign
up/in
Test user see
them
Test user see
them

The video
works
See if it makes
sense
Takes you to
another page

It should log
you in
If they are
clear
If they are
clear

Actual
outcome

Actions taken

Images and videos

Fonts, size, styles
What images we are using
Codes for webpage

http://www.google.co.uk/imgres?imgurl=http%3A%2F%2Fwww.myhero.ws%2Fimages%2Fguest
%2Fg260412%2Fhero86263%2Fjk%252520rowling.jpg&imgrefurl=http%3A%2F%2Fwww.myhero.w
s%2Fhero.asp%3Fhero%3DJ_Rowling_FredAcad_US_2012&h=512&w=365&tbnid=L5VUYqQLaF2oM%3A&zoom=1&q=jk%20rowling&docid=S8zGxBxqMNmguM&ei=YBVrVMfNtLXao64gtAD&tbm=isch&ved=0CEsQMygfMB8&iact=rc&uact=3&dur=1816&page=1&start=0&n
dsp=60
http://www.google.co.uk/imgres?imgurl=http%3A%2F%2Fstatic.fnacstatic.com%2Fmultimedia%2FPT%2Fimages_produits%2FPT%2FZoomPE%2F5%2F7%2F2%2F97
80141349275.jpg&imgrefurl=http%3A%2F%2Fwww.fnac.pt%2FBeautiful-Creatures-TheComplete-Series-Box-Set-GARCIA-KAMI%2Fa675783&h=586&w=400&tbnid=734cntveF8B_M%3A&zoom=1&q=beautiful%20creatures%20books&docid=8IhI2xNUStPg1M&ei
=bBZrVMH3NIvkaqfNgrAJ&tbm=isch&ved=0CG0QMyhGMEY&iact=rc&uact=3&dur=230&pa
ge=3&start=46&ndsp=28
http://www.google.com/imgres?imgurl=http%3A%2F%2Fwww.blinkpublishing.co.uk%2Fwpcontent%2Fuploads%2F2014%2F07%2F3D-ALFIE-PNGFINAL.png&imgrefurl=http%3A%2F%2Fwww.blinkpublishing.co.uk%2Findex.php%2Fthepointless-book%2F&h=1464&w=883&tbnid=5r1H77zTLXsxM%3A&zoom=1&q=pointless%20book&docid=8aPcrrkqstkn_M&ei=Go9sVPvVJY7iaqWGgcAL&tb
m=isch&ved=0CCIQMygEMAQ&iact=rc&uact=3&dur=438&page=1&start=0&ndsp=31

http://www.google.co.uk/imgres?imgurl=http%3A%2F%2F4.bp.blogspot.com%2F-OebauIoShq4%2FTW-a3IRMDI%2FAAAAAAAAB4Y%2FNpEDmg1AqsQ%2Fs1600%2FMortlock3.JPG&imgrefurl=http%3A%2F%2Fcarlybennett.blogspot.com%2F2011%2F03%2Frevie
w-mortlock-jon-mayhew.html&h=1600&w=1042&tbnid=wavXtG7u72eWlM%3A&zoom=1&q=mortlock%20book&docid=tsj8myCBGEh2M&ei=qo9sVMzrCYvwaOGigsgO&tbm=isch&iact=rc&uact=3&dur=324&page=1&start=0&ndsp=36&ved=0CCEQMygAMAA

http://www.google.co.uk/imgres?imgurl=http%3A%2F%2Fblog.eljamesauthor.com%2Favatars%2Ffifty-shades-of-greytrilogy.jpg&imgrefurl=http%3A%2F%2Fwww.jamesaltucher.com%2F2012%2F11%2Fwhy-50-shades-of-grey-is-greatliterature%2F&h=281&w=500&tbnid=PDqHeFdWbbiArM%3A&zoom=1&q=50%20shades%20of%20grey&docid=p5xc7Hh99iB0LM&ei=cJ
BsVOmAMoXYauTxglA&tbm=isch&ved=0CCMQMygCMAI&iact=rc&uact=3&dur=571&page=1&start=0&ndsp=29

http://www.bing.com/images/search?q=hunger%20games%20books&qs=SC&form=QBI
R&pq=hunger%20gmaes%20b&sc=814&sp=1&sk=&id=A58C6CD126C6AF042F87EB6254793D3EA0E82DFA&selectedIndex=0#
view=detail&id=A58C6CD126C6AF042F87EB6254793D3EA0E82DFA&selectedIndex=0

The multi-million copy bestseller soon to be a major movie starring Jamie

Dornan and Dakota Johnson, directed by Sam Taylor-Johnson. Romantic,
liberating and totally addictive, Fifty Shades of Grey is a novel that will
obsess you, possess you, and stay with you for ever. When literature student
Anastasia Steele interviews successful entrepreneur Christian Grey, she finds
him very attractive and deeply intimidating. Convinced that their meeting
went badly, she tries to put him out of her mind - until he turns up at the
store where she works part-time, and invites her out. Unworldly and
innocent, Ana is shocked to find she wants this man. And, when he warns her
to keep her distance, it only makes her want him more. But Christian is
tormented by inner demons, and consumed by the need to control. As they
embark on a passionate love affair, Ana discovers more about her own
desires, as well as the dark secrets Christian keeps hidden away from public
view...

http://www.whsmith.c
o.uk/products/fiftyshades-ofgrey/9780099579939

http://www.whsmith.co.uk/

http://cooltext.com/Logo-Design-StoryBook-Button

http://www.whsmith.co.uk/

http://www.whsmith.co.uk/

http://www.whsmith.co.uk/

http://www.whsmith.co.uk/

http://www.flashvortex.com/

http://www.lizzieridout.com/images/we
lcome_1.jpg

http://fmwfchamber.com/blog/wpcontent/uploads/2013/03/Members-GetItLOGO.png

http://www.giveagradago.com/blog/wpcontent/uploads/education-books.jpg

House style
Colour of backgrounds
Colour of backgrounds

Colour of logo
Black font
Colour of navigation bar

Heading: Curlz
MT
Sub-heading:
Arial
Normal text:
Bookman Old
Style
Footer: Arial

Heading :

36

Sub-heading: 20
Normal text: 18
Footer: 12