Website Design

Website Design

1. COding environment

   • Coding Software
     • Visual Code Studio
       • Open with live server system
     • Coding Language
       • HTML
       • CSS
   • Key Algorithms
     • User Navigation
       • Navigation bar at top
       • Goes straight to main topic
     • User appeal
       • Linear gradient effects
       • Aesthetic look

2. User interface

   • Features
     • Dark and Light mode
       • Easy to use and find
     • Navigation bar
       • Right at top
       • Show all main pages
   • User interface components
     • Buttons
       • Easy to find
       • Easy to use
     • Links
       • Glassy texture
     • Images
       • Photopea edited
       • home page aesthetic
   • Aesthetic
     • Color
       • Linear-Gradient
       • Red and Blue

3. User Persona

   • Problem
     • He has a job at Target (part-time) as a money manager but has issues with keeping expenses
       • His dad is the store owner and wants him to learn management skills
   • Education
     • High School
       • Grade 11
   • Age
     • 16

4. Existing Solutions

   • Graph and calculater
     • Pro's
       • Easy
       • Calculator means no mental math
     • Cons
       • Long and boring
       • Manual Job
   • Digital, tracker and calculator
     • Pro's
       • Quick and easy
       • Can be done anytime
     • Cons
       • Can be paid
       • needs internet to be accessed

5. Task Requirements

   • Prescribed Critrea
     • • Your website must include TWO aspects styled using CSS
       • o E.g. Background colour / Background image / font type / font colour
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the following
       • o Image o Table showing information o Hyperlink to an external website o Ordered list or Unordered list o Button
     • • Your website must have an aesthetic that suits/aligns with your User Persona
   • Self Prescribed