Website Planning
First draft
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
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
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
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
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
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.
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

More Related Content

PPTX
Post production
PPTX
Artist Website.pptx
PPTX
Website planning
PDF
Website Research Planning
PPTX
radio websites.pptx
PPTX
codes and conventions artist websites.pptx
PPTX
codes and conventions artist websites.pptx
PPTX
codes and conventions of website = kiss from a rose.pptx
Post production
Artist Website.pptx
Website planning
Website Research Planning
radio websites.pptx
codes and conventions artist websites.pptx
codes and conventions artist websites.pptx
codes and conventions of website = kiss from a rose.pptx

Similar to Website Mock Up- First Draft (20)

PPTX
Website Conventions
PPTX
Artist Website Codes and Conventions.ppx
PPTX
Artist Website.pptx
PPTX
CODES AND CONVENTIONS OF FEMALE POP ARTISTS WEBSITES.pptx
PPTX
Website codes and conventions
PPT
Website – Planning
PPTX
Analysis of Artists' Websites
DOCX
Website annotation
PPTX
Conventions of a Music Act’s Website
PPTX
Website codes and conventions
PPTX
Short list of ideas for website
PPTX
Question 1 website
PPTX
Website Codes and Conventions
PPTX
Website
PPTX
Website Analysis - Hayley Kiyoko
PPTX
Evaluation
PPT
Media A2 Evaluation Q1 - Website
PPTX
Ella Eyre website
PPTX
Websites
PPTX
Website Research & Analysis
Website Conventions
Artist Website Codes and Conventions.ppx
Artist Website.pptx
CODES AND CONVENTIONS OF FEMALE POP ARTISTS WEBSITES.pptx
Website codes and conventions
Website – Planning
Analysis of Artists' Websites
Website annotation
Conventions of a Music Act’s Website
Website codes and conventions
Short list of ideas for website
Question 1 website
Website Codes and Conventions
Website
Website Analysis - Hayley Kiyoko
Evaluation
Media A2 Evaluation Q1 - Website
Ella Eyre website
Websites
Website Research & Analysis

Recently uploaded (20)

DOCX
IREV Platform: Future of Affiliate Marketing
PDF
CAP 9.- Building the Price Foundation.pdf
PDF
Digital Marketing Training in Hyderabad
PDF
Dream Powell - Project and Portfolio 3: Marketing
PPTX
B2B Marketplace India – Connect & Grow..
PPTX
Digital-Marketing-Strategy-Trends-and-Best-Practices-for-2025 PPT3.pptx
PPT
Market Segmentation and Positioning(3).ppt
PDF
digital marketing courses online with od
PPTX
1 percent Clicks, percent Traffic Loss-Your SEO Stack Isn’t Built for AI
PPTX
FINAL PPT strategic management lessons.pptx
PDF
Salmanubnu Zakariya P – Digital Marketer & Frontend Developer Portfolio
PDF
Top-Rated Marketplaces to Buy Verified Cash App Accounts Safely.pdf
PDF
sm_67a1bc7f35716dcb1a9195ea_382528b8-2159-47be-a7ba-d034a449f849.pdf
PPTX
Segmentation_EM[1]_Powerpoint prese.pptx
PPTX
Best Mobile App Development Company in Lucknow
PPTX
CH 2 The Role of IMC in the Marketing Process (combined)
PPTX
Fixing AI Hallucinations: The NeuroRank™ Approach
PPTX
Mastering in Website Competitor Analysis
PPTX
Events Management Overview of Events Management
PPTX
Best LLM SEO Tools for B2B Brands in 2025
IREV Platform: Future of Affiliate Marketing
CAP 9.- Building the Price Foundation.pdf
Digital Marketing Training in Hyderabad
Dream Powell - Project and Portfolio 3: Marketing
B2B Marketplace India – Connect & Grow..
Digital-Marketing-Strategy-Trends-and-Best-Practices-for-2025 PPT3.pptx
Market Segmentation and Positioning(3).ppt
digital marketing courses online with od
1 percent Clicks, percent Traffic Loss-Your SEO Stack Isn’t Built for AI
FINAL PPT strategic management lessons.pptx
Salmanubnu Zakariya P – Digital Marketer & Frontend Developer Portfolio
Top-Rated Marketplaces to Buy Verified Cash App Accounts Safely.pdf
sm_67a1bc7f35716dcb1a9195ea_382528b8-2159-47be-a7ba-d034a449f849.pdf
Segmentation_EM[1]_Powerpoint prese.pptx
Best Mobile App Development Company in Lucknow
CH 2 The Role of IMC in the Marketing Process (combined)
Fixing AI Hallucinations: The NeuroRank™ Approach
Mastering in Website Competitor Analysis
Events Management Overview of Events Management
Best LLM SEO Tools for B2B Brands in 2025

Website Mock Up- 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