Website Design '26

Website Design '26

1. Task Requirements

   • Prescribed Criteria
     • PC1 Your website must include TWO aspects styled using CSS • E.g. Background colour / Background image / font type / font colour
       • REQ 1
         • Background colour will match the theme of the website which is an university tuckshop. H1 will be Lucida Console font with a size of 40px and 60px. This will make sure my text is visually appealing on my website
       • REQ2 Have a light blue background
     • PC2 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
       • REQ 1 Image – of Haloumi Cyprus Cheese Sandwich
       • REQ 2 Table showing the food names, where they are from, and a restaurant you can eat them in
       • REQ 4 Different heading size for the heading and subheading
     • Your website must have an aesthetic that suits/aligns with your User Persona
     • PC3
       • REQ 1 Background color: Light Blue
       • REQ 2 White font color
     • PC 2
       • Image – of Haloumi Cyprus Cheese Sandwich
   • Self-Determined Criteria
     • SDC1
       • REQ 1 Must have images
       • REQ 2 Must have titles

2. User Persona

   • Needs
     • Need an appetizing lunch and must have a good design too it as well as info
   • Frustrations
     • There is too much information and very bad design/aesthetic.
   • Goals
     • Trying to arrange lunch
   • About them
     • Name is Jaden and they are in their 1st year of uni and they love food

3. Existing Solutions

   • Solution 1 McDonald's
     • Pros
       • pro 1 easy to find food options
       • pro 2 app intergration
     • Cons
       • Con 1 didn't like the aesthetic
       • Con 2 unreliable rewards system
   • Solution 2 KFC
     • pros
       • pro 1 easy ordering/
       • pro 2 all features available on app
     • cons
       • con 1 glitches when ordering
       • con 2 location error (locates wrong store, not nearest store to you)

4. User Interface

   • Components
     • Buttons
       • food/restaurant reviews
       • button to go order page
     • Images
       • food (dishes and drinks) x 4
   • Aesthetic
     • Color
       • Powder Blue

5. Coding Enviroment