WEBSITE DESIGN

WEBSITE DESIGN

1. User Persona

   • Wants
     • Photos and videos from an Olivia Rodrigo concert
   • Needs
     • Good quality photos to save them and put as a wallpaper background
   • Details
     • An aesthetically-pleasing website that contains Olivia Rodrigo pictures from her Guts World Tour for people who want them

2. User Interface

   • Aesthetic
     • Purple, black, and white colours
       • Olivia Rodrigo-based
   • Features
     • Gallery
     • Home page
     • Links to her social media and other websites
     • Information about her unreleased songs
     • Her Spotify and Apple Music
   • User Interface Components
     • Buttons
     • Images
     • Links
       • Her social medias, her official website, the Wiki fan page, music platforms

3. Existing Solutions

   • Solution 1
     • Prons
       • Everything is listed and specified, so it should be easy to find information and things on the website
       • Major Livies may enjoy this website a lot and find it helpful
       • Lots of Livies missed out on getting tickets, as they were hard to get. And footage from the concert can be hard to get too. This is a hub of hundreds of photos and clips. Some Livies on this website could be grateful
     • Cons
       • Some people may find it untrustworthy, as it could seem like clickbait and a scam (it isn't)

4. Coding Environment

   • Developer Tools
     • Notepad ++
     • Visual Studio Code
   • Coding Language
     • HTML
       • HTML stands for Hyper Text Markup Language.
     • CSS
       • CSS stands for Cascading Style Sheets. CSS is used to style the way that HTML elements are displayed on screen.
   • Key Algorithms
     • Website Navigation

5. Task Requirements

   • Prescribed Criteria
     • Must include TWO aspects styled using CSS
       • Examples are styles of background and font
     • Must use HTML to organise appropriate information on your webpages using FIVE of the following:
       • Examples: Image, table showing information, hyperlink to an external website, ordered list or unordered list, button, different heading sizes, paragraphs, video or moving image
     • Must have an aesthetic that suits/aligns with your User Persona
       • For example: Biggy Livie's interests are Olivia Rodrigo, music, and purple. Therefore, the website could be Olivia Rodrigo based with a purple aesthetic
   • Self-Determined Criteria
     • Must have a number of things to be able to do on the website instead of just photos and videos; to make the website more appealing