Website Design

Website Design

1. Task Requirements

   • Prescribed Criteria
     • Prescribed Criteria 1
       • Include 2 examples of CSS
         • Background Colour
         • Background Image
         • Font Type
         • Font Size
     • Prescribed Criteria 2
       • Use 5 examples of HTML to organise information
         • Image
         • Table showing information
         • Hyperlink to an external website
         • Ordered List
         • Paragraphs
     • Prescribed Criteria 3
       • Have an aesthetic that aligns with User Persona
     • Self Setermined Criteria
       • Information is clear and relevant

2. User Persona

   • Wants
     • Aesthetic
       • Minimalist
     • Website
       • Information about dogs
   • Details
     • Barista
       • Use earthy pastel browns and yellows
     • Uni Student
       • Busy studying
         • Website needs to be easy to use
   • Needs
     • Aesthetic
       • Not too many images
     • Website
       • Example scenarios

3. User Interface

   • Aesthetic
     • Colours
       • Background Colour
         • Paste Brown
         • Pastel Yellow
       • Text Colour
         • Black
   • User Interface Components
     • Images
       • Each Webpage will have 1-3 images
     • Links
       • Link will be to quizzes about dog breeds and other activities

4. Coding Environment

   • Key Algorithms
     • Website Navigation
   • Coding Language
     • HTML
     • CSS
   • Developer Tools
     • Notepad ++

5. Existing Solution

   • Pet Circle - "What To Consider Before Getting A Dog"
     • Pro
       • Minimalist Design
     • Con
       • Lots of paragraphs make it hard to read