Website Design '26

Website Design '26

1. Task requiements

   • 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
   • Self-determined criteria

2. Coding environment

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

3. User interface

   • features
     • example of features in your website
   • user interface components
     • buttons
     • images
     • links
   • aesthetics
     • colours etc

4. Existing solutions

   • RSPCA website
     • pros
       • colours - vibrant and suit the topic
       • large image of dog above the fold - eye catching
       • neat navigation bar
       • call to action - clear
     • cons
       • no cat images on home page
       • where are images of not so cute pets?
   • PetRescue website
     • pros
     • cons

5. User persona

   • goals
   • needs
   • frustrations
   • about them