Miraculous Ladybug Web Design

Miraculous Ladybug Web Design

1. Task Requirements

   • Prescribed Criteria
     • Your website must include TWO aspects styled using CSS
       • Different Images
       • Different Colours
     • You must use HTML to organise appropriate information on your webpages using FIVE of the following:
       • Ordered list or Unordered list
       • Buttons
       • Different Headings
       • Table showing Information
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • White, Red and Black color scheme
       • Neat Layout
       • Ladybug Themed
       • Ancient and Symbolic
   • Self -Determined Criteria
     • Thoroughly explain each miraculous to help Marinette understand her role.

2. User Persona

   • Wants
     • An aesthetic website that explains what the miraculous are and each of its powers.
   • Needs
     • A functioning website that describes the purpose and powers of the miraculous.
   • Details
     • Will include links and images of each miraculous, and explain what each one does.

3. Coding Environment

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

4. User Interface

   • Features
     • e.g. Dark Mode
   • User Interface Components
     • Buttons
     • Images
     • Links
   • Aesthetic
     • Colours (red, white, black)

5. Existing Solutions

   • https://miraculousladybug.fandom.com/wiki/Miraculouses
     • Has the information needed
     • Has too much information that isn't what the user persona is looking for, and is slightly hard to navigate