Website Design

Website Design

1. Task Requirements

   • Prescribed criteria
     • website must include TWO aspects styled using CSS
       • Background colours
       • Background images
       • Font type
       • Font colour
       • Borders
       • Outlines
     • must use HTML to organise appropriate information on your webpages using FIVE of the following
       • Image
       • Hyperlink to an external website
       • Ordered list or Unordered list
       • Button
       • Table showing information
       • Different heading sizes
       • Paragraphs
       • Video or moving image
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • Website must have colours in it
       • The website must be neat
       • The website must be easy to use
   • Self determined criteria
     • Make the website minimalistic
       • Implement minimalistic design elements and complementary colours.
       • Make the website neat using a simple layout.

2. User Persona

   • Needs: The website has to be neat, aesthetically pleasing, minimalistic, has some pink and easy to use.
   • Fustrations: Data storing websites aren’t neat enough and are very hard to use.
   • About her: She is interested in music, gaming and crafts.
   • Goal: want to be able to put her gaming data in an interesting, pink themed and minimalistic website.

3. User interface

   • User interface components
     • Buttons
     • Links
     • Images
     • Paragraph
   • Aesthetics
     • Colours
     • Background
     • Font
   • Features
     • Match statistics table
     • rank display

4. Coding environment

   • Developer tools
     • Notepad++
     • Coding language
   • Key algorithms
     • Website Navigation
     • Data orginisation

5. Existing solutions

   • Valorant data organiser
     • organises data
     • displays rank and match history
   • Statistics tables
     • game data organisation