Website Design '26

Website Design '26

1. Task Requirements

   • Prescribed Criteria
     • -You must use HTML to organise appropriate information on your webpages using FIVE of the following: image, table showing information, hyperlink to an external website , ordered list or unordered list, button, different heading sizes, paragraphs, video or moving image
       • • Your website must include TWO aspects styled using CSS o E.g. Background colour / Background image / font type / font colour
         • • Your website must have an aesthetic that suits/aligns with your User Persona
   • Self-determined Criteria
     • My website must show which store you can purchase each item from.

2. Coding Environment

   • Key Algorithms
     • Website Navigation
     • Other Important Algorithms
   • Developer Tools
     • Notepad++
     • html5 Editer
     • Visual Studio
     • HTML, CSS
     • Javascript

3. User Interface

   • Features
     • Example of features in your website
   • Aesthetics
     • Colours etc
   • User Interface Components
     • Images
     • Buttons
     • Links

4. Existing Solutions

   • Kuromears Website
     • Pros
       • Shows an image per thing they sell
       • The buttons/tabs at the top are clear
     • Cons
       • Solely jewellery aren't shown, might be hard to know what to look at
       • The moving 'bar' at the top is hard to read cause it's moving
   • 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

5. User Persona

   • Goals
     • Accessible goth clothing items
   • Needs
     • A website that shows different goth clothing items & jewellery and where to buy them.
   • Frustrations
     • Alternative clothing websites don’t show where to buy the items. She wants to know so she can purchase them.
   • About them
     • Year 11, 17yrs old, loves alternative fashion