Website Design

Website Design

1. Coding Environment

   • Key Algorithms
     • Website Naviation
     • Other Important Algorithms
   • Developer Tools
     • Notepad++
     • Coding Language
       • HTML
         • used to develop the structure and content of a web page, including text, images, links, and other elements.
       • CSS
         • used to control the appearance and layout of a web page, including colors, fonts, spacing, and positioning of elements.

2. User Interface

   • Aesthetic
     • Colours
       • Pastel Colours
       • Beige
   • User Interface Components
     • Links
       • info graphics
     • Images
       • book covers
     • Buttons

3. Existing Soloutions

   • Solution 1: Goodreads
     • Pros
       • reviews
       • large collection of books
     • Cons
       • Difficult to navigate
       • social features are too much
   • Solution 2: Open Library
     • Pros
       • organised nicely
       • book details are very presice
     • Cons
       • distracting
       • very laggy

4. User Persona

   • Needs
     • not having to search a bunch of things just for one books
   • Frustrations
     • lots of websites advertise instead of giving information
   • Goals
     • website that has lots of information about books
   • About them
     • Loves books

5. Task Requirments

   • Prescribed Criteria
     • 2 CSS aspects
       • Background Colour
       • Different Font Type
     • 5 HTML
       • Image
       • Ordered/Unordered list
       • Button
       • Different heading sizes
       • Paragraphs
     • Aesthetic that suits User Persona
       • Simple
       • Nice colour scheme
   • Self-Determined Criteria
     • Build a website that has information about books
       • Has information about a few different books
       • Buttons to more pages to make it more like a website