Website design

Website design

1. User persona

   • Wants (also things that she likes) Chocolate and sweet things, online shopping, and football.
   • Needs to have a website with a clean layout, interactive pictures, and useful information. Also, great colours
   • 14 year old girl calle Avriel. Interested in football,shopping,sweets such as chocolate, and needs a neat interative website based on her interests

2. Task requirements

   • Prescribed Critere
     • PRESCRIBED CRITERIA 1: Your website must include TWO aspects styled using CSS
       • The website must have interactive images
       • The website must have bright and engaging background colors
     • PRESCRIBED CRITERIA 2: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
       • Image
       • Hyperlink to an external website
       • Buttons
       • Ordered list
       • Paragraphs
     • PRESCRIBED CRITERIA 3: Your website must have an aesthetic that suits/aligns with your User Persona
       • Have images relating to the information on the webpage
       • Have different webpages that relate to the users likes
       • Have a variety of colors on each webpage to engage the viewer

3. Existing solutions

   • A problem that could be solved would be to provide the user with a useful website with multiple webpages that give them information on things they love such as football, shopping, food, etc. This will be done by using bright colours, pictures, and Interactive features that provide useful information
     • gives the user the website that they want
     • Website might be hard to make for a new website developer

4. User interface

   • Aesthetic
     • Colours
   • User interface components
     • Buttons
     • Images
     • Links
   • Features
     • e.g Dark mode

5. Coding environment

   • Developer tools
     • Notepad ++
   • coding language
   • Key algorithms
     • Website navagation