Mock up website.

1. Website Planning
First draft

2. Initial ideas
Layout
• Header
• Image animation
• Bio
• Audio-visual element
• Instagram linked
• Song
• Contact us
• Footer
Colours
• Pastel colour scheme (purple,
green, blue and yellow)
• Name logo
• Clean images

3. Header
Logo with her
name to the left
Search bar to the right to
look up the artist
White background and
black line to divide from
hyperlinks
Hyperlinks to the right,
news hyperlink will work

4. Image animation
Pastel yellow
background to contrast
with the white and
green
Sequence of images
of the artist in
various common
locations
Pastel green
background around
the image animated
slideshow
Logo with her name in
the centre, to confirm
artist identity

5. Bio
Bio explaining the artists
inspiration and promoting
her and her music
White background to
contrast with the pastels
either side
Bio title to introduce
the artist to create a
connection

6. Audio-visual element
Music video will play here
3 videos linked
including blooper reel,
interview with director
and get to know the
artist.
Pastel purple
background to
contrast with
white either side

7. Instagram linked
This is an example of media
convergence. This makes the
audience interact with the artist on
different platform. 6 key images will
feature.

8. The pastel blue,
finishes the pattern of
pastel and white
Footer with the
name logo again
A link and
contact
details to get
the audience
involved with
the artist
The song will play here