Website Design

Website Design

1. User Persona

   • Having the correct information, easy to understand and pictures
   • Website to help understand symbols in music
   • Other websites are too confusing
   • Jeffery Jefferson Jr is a student in grade 7 and is 12 years old and lives in Carindale Qld

2. Existing solutions

   • Using pictures
     • Pros
       • Makes the website look more interesting
       • Pictures can help users understand it easier
     • Cons
       • Could be too distracting
       • Low-quality pictures can make users leave
   • Using more simpler terms
     • Pros
       • Helps users understand the content
       • Clear and straight to the point
     • Cons
       • Seem uneducated and unprofessional

3. Task Requirement

   • Prescribed Criteria
     • Two aspects of CSS
       • Including different font types
       • Center an image
     • HTML used to organize appropriate information
       • Including multiple images
       • Including an ordered list
       • Including multiple paragraphs
       • Including different heading sizes
     • Aesthetic that suits the user persona
       • Include music related images
       • Including music suited font types
   • Self-determined Criteria
     • Must be engaging and interesting
       • Paragraphs are near pictures to keep user's attention
       • Pictures are used frequently

4. Coding environment

   • Key Algorithms
     • Website Navigation
       • Buttons
   • Developer Tools
     • Notepad is used to type in codes
     • HTML and CSS are used for coding

5. User Interface

   • Aesthetic
     • Colours
       • White
       • Black
   • User Interface Components
     • Images
     • Buttons
   • Features
     • A Dark mode feature
     • Mobile Optimization