Website Design

Website Design

1. Task requirements

   • Prescribed Criteria
     • The website must include TWO aspects styled using CSS
       • Background colour
       • Background Image
       • font type
       • Font colour
     • HTML must be used to organise appropriate information using at least five of the following codes
       • Image
       • Table showing Information
       • Hyperlink to an external website
       • Ordered list or unordered list
       • Button
       • Different heading sizes
       • Paragraphs
       • Video or moving image
     • Your website must have an aesthetic that suits/aligns with your user persona
   • Self Determined Criteria
     • The information must be accurate
     • The theme of the website must have both my personal aesthetic and the aesthetic of the game

2. User Persona

   • Wants
     • A website that tells them game lore and code to get better at the game
   • Needs
     • A website that tells them how to navigate and play the game Dress To Impress
   • Details
     • The user is a 14 year old
     • The user is interested n knowing how to get better at the game and how to gain ranks
     • She isn't happy because most websites and tutorials don't give details about how the game works, dosn't explain the game lore and doesn't provide reviews

3. Coding Enviroment

   • Key Algorithem
     • Website Navigation
       • buttons
         • links
         • images
   • Developer Tools
     • Sublime Text
     • HTML Tutorial
     • computer
   • Coding Langauge
     • HTML
       • HTML is placed in between the body tags and is used to add structure and information to a website
     • CSS
       • CSS is placed in between the style tags and is used to add aesthetic features to the website.

4. User Interface

   • Aesthetic
     • colours
     • Logo
     • Style
   • User interface components
     • Buttons
     • Images
     • Links
   • Features
     • Buttons
     • Heading
     • Paragraph text

5. Existing Solutions

   • Tiktok tutorials
     • Pro: Tells you what needs to be done, gives ideas on how to win.
     • Con: Doesn't tell you how to improve, don't talk about advantages and disadvatages
   • Other website
     • Pro: tells you information about the game
     • con: only tells you one type of information, for example other website may only talk about codes.