Website Design

Website Design

1. Coding Environment

   • Developer Tools
     • Notepad++
     • Coding Language
   • Key Algorithms
     • Website Navigation
     • Other Important Algorithms

2. Existing Solution

   • Solution 1
     • Con
       • It has a Sign Up pages
     • Pros
       • Has lot's of songs
       • Looks good.
   • AZ Lyrics
     • Pros
       • It's Legal
       • Wide Variety of Songs
     • Cons
       • Has Ads
       • Ugly

3. User Persona

   • Needs
   • Frustrations
   • Goals
   • About Them

4. Task Requirements

   • Prescribed Criteria
     • Your website must include TWO aspects styled using CSS • E.g. Background colour / Background image / font type / font colour
       • The website will use CSS
       • It will do so effectively
       • It will use two of the aspects
     • You must use HTML to organise appropriate information on your webpages using FIVE of the following: • Image • Table showing information • Hyperlink to an external website • Ordered list or Unordered list • Button • Different heading sizes • Paragraphs • Video or moving image
       • It must use 5 of the following elements.
       • The website must use HTML
       • It must organise appropriate info on the webpages.
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • It must do so effectively
       • My website must have an aesthethic
       • It must align with the user persona
   • Self Determined Criteria
     • My website must be about music and have many different songs.
       • It will include the lyrics to many songs
       • It will not have a login.
       • My Website will be about Music
     • SDC 2
       • Req 1
       • Req 2
       • Req 3

5. User Interface

   • Aesthethic
     • Colours
       • Light Pastel
       • Easy to see
   • User Interface Components
     • Links
     • Buttons
     • Images
   • Features
     • IDK
     • Other Features