Website Design

Website Design

1. Task Requirements

   • Prescribed Criteria's
     • Your website must include TWO aspects styled using CSS E.g. Background colour / Background image / font type / font colour
       • Coloured text
       • Background Image
     • 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
       • Images
       • Table showing information
       • List
       • Button
       • Different heading sizes
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • Should include animals
       • Should have aesthetic colours - colours that look pleasing towards the eye
   • Self-Determined Criteria
     • Persuades people to get a pet
     • Informs people about her services

2. User Persona

   • Needs
     • Website should look aesthetically pleasing
     • Should have persuasive information and be engaging
     • Should prove to everyone why they need to have pets
   • Frustrations
     • If the website is laggy
     • If it isn't effective
     • If it doesn't catch the readers attention
   • Goals
     • A website that explains why pets are the best and an ad for her pet sitting service
   • About them
     • Her name is Parriet Toker, she is 20 years old and lives in Brisbane, Qld, she is a high school graduate and is now a pet sitter

3. Existing Solutions

   • Include similar colours
     • Pros
       • Looks aesthetically pleasing
       • Catches the audiences eyes
     • Cons
       • Colour doesn't show up properly infront of a background
       • Colours look boring

4. User Interface

   • User Interface Components
     • Buttons
     • images
     • Links
   • Aesthetic
     • Colours
       • Bright similar colours
     • Animals all over pages

5. Coding Environment

   • Developer Tools
     • Visual Studio Code
     • HTML and CSS
   • Key Algorithms
     • Website Navigation