Website Design '26

Website Design '26

1. Task Requirements

   • self determined criteria
     • I will add hyperlinks to other websites that have donations and petitions so the user can start taking action immediately.
     • I will include a page that has images of the devastating impact of pollution and a page on the ocean when there’s no pollution to make the user realise the major differences.
   • Prescribed criteria
     • • Your website must include TWO aspects styled using CSS o E.g. Background colour / Background image / font type / font colour
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the following: o Image o Table showing information o Hyperlink to an external website o Ordered list or Unordered list o Button o Different heading sizes o Paragraphs o Video or moving image
     • • Your website must have an aesthetic that suits/aligns with your User Persona

2. Coding Environment

   • Developer Tools
     • notepad++
     • HTML File Editor
     • Visual Studio
     • html, css
     • javascript
   • Key Algorithms
     • website navigation
     • other important algorithms

3. User interface

   • features
     • a dark webpage different to my homepage showing the impacts of pollution
     • different fonts
     • minimalistic design on the home page
     • consistency of colours
   • user interface components
     • buttons
       • Home Page
         • basic information
       • Our Ocean if we don't take action
         • impacts of pollution
         • consequences of ocean pollution
       • what we can do to help
         • solutions
     • images
       • images of ocean pollution
       • things that are equivalent to the weight of pollution in countries and in the whole world
     • links
       • https://education.nationalgeog raphic.org /resource/resource-lib rary-plastic-pollution/
       • https://www.marineconservation.org.au/
   • aesthetics
     • colours e.g. font, divs etc
       • yellow
       • White
       • Navy
     • ocean theme

4. existing solutions

   • National Geographic Society website
     • pros
       • lots of information and articles
       • high quality images
       • real life experienced people
       • trustworthy
       • donations
     • cons
       • not much colour usage
       • vocabulary is harder to understand
       • some irrelevant info
       • overwhelming to read
   • Australian Marine Conservation Society Website
     • pros
       • high quality images
       • colour consistency
       • relevant information
       • easy to read and understand
       • donation and petition
     • cons
       • isn't acctractive
       • not as much information about pollution

5. user persona

   • needs
     • an appealing looking website that informs them about the impacts of ocean pollution, and list easy ways to start taking action
   • fustrations
     • they can't find a website that that uses simpler vocabulary, all the websites they found uses scientific terms that is harder to understand for them and the children.
   • goals
     • Inspire young people to start taking action and create less waste. Make others empathize marine life and realize how much harm we've caused them
   • about them
     • they are a Sea World presenter and wants to let everyone at Sea World the significance of pollution and inspire young children what they can do to take action.