Website design

Website design

1. User Persona

   • Needs
     • A website that gives all the main information about Taylor Swift
   • Frustrations
     • Can’t find appealing websites, text is too small with weird fonts, and no photos
   • Goals
     • I want to visit a website that tells me all about Taylor Swift
   • About them
     • Likes cats, music and drawing

2. Existing Solutions

   • Genius Taylor Swift albums
     • Pros
       • Has all the necessary information
       • Links to different tabs
     • Cons
       • No variation in text font
       • Not very colourful
   • Taylor Swift official online store
     • Pros
       • Different fonts
       • An aesthetic colour scheme
     • Cons
       • Overcrowded images
       • The colours of text aren't eye catching

3. Task Requirements

   • Prescribed Criteria
     • Your website must include TWO aspects styled using CSS
       • Different background colours for each tab
       • Different fonts e.g headings and information
     • You must use HTML to organise appropriate information on your webpages using FIVE
       • Images of the artist
       • Hyperlink to merchandise store
       • Informative paragraphs about her
       • Homepage button
       • List of Taylor Swift's album
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • Images of her cats
       • Pastel colours to fit the theme
   • Self-determined Criteria
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • Links to different tabs
       • Relevant information

4. Coding environment

   • Developer Tools
     • Notepad++
       • Coding app
     • Coding Language
       • HTML and CSS
   • Key algorithms
     • Website Navigation
       • Using a homepage button and internal links
     • Other important algorithms

5. User Interface

   • Features
     • Example e.g dark mode
     • Other features
   • User interface components
     • Links
       • Link to external website
       • Links to webpages
     • Images
       • Taylor Swift and merch
     • Buttons
       • Homepage button
   • Aesthetics
     • Colours
       • Baby pink
       • Lavender