Website Desgin

Website Desgin

1. Task Requirements

   • Self-determined criteria
     • Have light coloured background so its not distracting
       • Don’t use neon colours
       • Have different backgrounds for all of the different dragons
       • Use procreate to create the backgrounds
     • Have one page per water dragon
       • Have a page for all bobs
       • Have at least 10 total pages
       • Have personalised information about all of them
   • Prescribed Criteria
     • • Your website must include TWO aspects styled using CSS
       • Background colour
       • Background image
       • font type / font colour
     • You must use HTML to organise appropriate information on your webpages using FIVE of the following
       • E.G
         • Image
         • Hyperlink to an external website
         • Ordered list or Unordered list
         • Table showing information
         • Paragraphs
         • Button
         • Video or moving image
         • Different heading sizes
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • Use colours that the user like
       • Have abundant info on what she wants
       • Include lots of text for reading

2. User Persona

   • About them
     • A 13 year old student who is new to MSHS
     • Her name is Evelyn Brady
   • Goals
     • To learn about Australian Water Dragons and other wildlife
   • Fustrations
     • Websites don’t give her enough specific information on individual animals.
   • Needs
     • A quick summary of the reptiles that live at MSHS, as she is a new student who heard about the wildlife

3. Existing Solutions

   • Reptile centre
     • Cons
       • Has to much information to scroll through
       • Does not talk about their personalities and more personal traits
     • Pros
       • Gives a wide range of information about the species as a whole
       • Reliable and trustworthy
   • Australian museum
     • Cons
       • Doesn’t go to specifics
       • Talks about the species as a whole
     • Pros
       • Expertly researched
       • Gives a wide range of info

4. User interface

   • Features
     • Be pleasant to look at
       • Don’t have too much cluttered mess
       • Be organised
     • Have lots of info about the individual dragons
       • What they look like
       • What they like eating
       • Personalities
   • User Interface Components
     • Buttons
       • To smoothly link different info about the water dragons
     • Images
       • Of the specific lizard
     • Links
       • To external website to learn even more
   • Aesthetic
     • Colours
       • Pastel colours
         • Such as pastel greens, blue, purples, pinks
       • Use a mix of colours

5. Coding enviroment

   • Developer Tools
     • HTML editor
     • Coding Language
   • Key algorithms
     • Website Navigation