Website Design

Website Design

1. User Persona

   • Visual and aesthetic needs, Functional and Efficiency Needs
   • Its hard to find information on the cholera pandemic she loves studying about which is reliable and tells her the actual basics and not tell her random information.
   • Her goals are too get intrigued by my website and get informed by it and it is visually charming for the eye
   • Her name is Maya, she is 17 and is really interested in the cholera pandemic. Maya loves to read and wants to become a doctor in the future.

2. Task Requirements

   • Prescribed Criteria 1
     • Website must include 2 aspects styled CCS
       • I will include different font colours and font types
       • I will use a background colour in my website
       • I will follow this requirement using CSS
   • Prescribed Criteria 2
     • Website must include at least 5 HTML
       • I will use a hyperlink button in my webpage linking to another website for more information.
         • I will add images to display my products.
           • I will use buttons in my webpage and decorate them matching the theme
             • I will do different heading sizes
   • Prescribed Criteria 3
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • I will include different font colors to match the user personas preference
         • I will structure the information where it matches the user personas preference which is easy to read.
   • Self determined Criteria
     • Your website must have accurate information that aligns with the actual theme
       • I will include information approved by reliable websites
         • I will include information that matches the theme of my websites

3. Coding enviroment

   • Key algorithims
     • Through buttons and signs
   • Developer tools
     • Notepad++
     • HTML and CSS

4. User Interface

   • Aesthetic
     • Colours
       • Midnight Blue
       • Neon Teal
   • User Interface Components
     • https://www.britannica.com/science/cholera/Cholera-through-history
     • <img src="images.jpg" alt="The Cholera Pandemics" width="200" height="auto" style="border-radius: 30px;">
     • <a href="Digi_draft.html" class="btn">Go Back</a>
   • Features
     • Buttons and info in the middle of page
     • Dark page

5. Existing Solutions

   • Solution 1 (World Health Organisation)
     • Tells the information
       • No Images
       • Boring webste
   • Solution 2 (Wikipedia)
     • Multiple images
       • Not reliable
       • Hard to read