Website Design

Website Design

1. User Interface

   • Features
     • Light mode, that doesn't strain your eyes when using the website
     • Using a variety of colors to be making the website look visually engaging to use
   • User Interface Components
     • Buttons
     • Images
     • Links
   • Aesthetics
     • Colors
       • Light/Standard colors to be making my website look unique and more relaxing to look at
       • I am going to use soft colors that is not too bright or distracting, choosing gentle shades that is clean and simple to use for my website

2. Coding Environment

   • Developer Tools
     • Notepad++
       • In this app, we are creating codes to program a website, used in this assignment
     • Coding Language
       • Different elements of coding language to construct a website
   • Key Algorithims
     • Website Navigation
       • Links, Buttons, and menus helping people move around my website
     • Other Important Algortithims
       • Searching Algorthims
       • Decision‑making algorithms
       • Path finding algorithms

3. Task Requirement

   • Self-Determined Criteria
     • Proffesional
       • Well organized
       • It is structured
       • Effective
     • Laptops are affordable
       • Laptops under $2500
       • Budgety
       • Features suitable for everyday studies
   • Prescribed Criteria
     • Your website must include TWO aspects styled using CSS
       • Background colour
       • Background image
       • font type
       • font colour
     • You must use HTML to organize appropriate information on your webpages using FIVE of the following
       • Image
       • Table showing information
       • Hyperlink to an external website
       • Button
       • Ordered list or Unordered list
       • Different heading sizes
       • Paragraphs
       • Video or moving image
     • Your website must have an aesthetic that suits/aligns with your User Person
       • The colors should not be too dark or neon
       • It should look aethetically-pleasing
       • It should look professional

4. User Persona

   • Needs
     • Lucy wants to find an affordable laptop that is suitable for university
   • Frustration
     • Whenever she tries researching some laptops, they are to hard to understand as it contains information everywhere
   • Goals
     • Her goal is to find the best affordable laptop that is suitable for her standards.
   • About them
     • Lucy is 20 years old
       • She is a university student

5. Existing Solutions

   • jb-hi-fi
     • Cons
       • It also sells other products, which makes it confusing
       • There it too much information
     • Pros
       • Contains a variety of laptops
       • You can find budget laptops
   • The Good Guys
     • Pros
       • It is efficient to use as it has popular brands
       • Contains reviews of laptops
     • Cons
       • The website is not only about laptops, but it also focuses on other products too, which makes it quite confusing to follow on
       • Their website contains quite a lot of information, which can be overwhelming to look at