Website Design

Website Design

1. User Interface

   • User interface componets.
     • Buttons
       • to give them tips or send them to other webpages
     • Images
       • catches the readers eyes
     • Links
       • Sends them to a different webpages
   • Aesthetic
     • Colours
       • not make it too boring for the reader
   • Features
     • E.g. Dark Mode

2. User Persona

   • Wants
     • Football/soccer
   • Needs
     • Pictures
     • Headings
     • Information
     • Design
     • Aesthetic
   • Details
     • years 15 old
     • Lives in NYC
     • He loves football
     • hes from mexico
     • Johnson Daquatis

3. Coding Environment

   • Key Algorithms
     • Website Navigation
     • use them to help
   • Developer Tools
     • Notepad++
       • notepad didn't work for me so i used visual studio code
   • Coding Language
     • use HTML or CSS

4. Task Requirements

   • Prescribed Criteria
     • Your website must include TWO aspects styled using CSS
       • I need Background colour
       • Background Image
       • Font colour
       • Font type
     • 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
     • Your website must have an aesthetic that suits/aligns with your User Persona
   • Self Determined Criteria
     • SDC1 Description

5. Existing Solutions

   • Solution 1
     • Pro
       • Has tables
       • Words that will take you to the website you want
       • images
     • con
       • boring
       • not to messy
       • not to colourful
       • doesn't make me intrigue