website design

website design

1. Task requirements

   • Self determined criteria
     • Simple/Clean style
       • Simple fonts
       • cream background
       • blue and dark
     • Dishes are organised in tables
       • minimal words
       • Space between tables and dishes
       • CSS styling to make the table coloured
     • Different web pages for different products
       • Images of dishes
       • Description of each dish
       • Buttons to navigate pages
   • Prescribed Criteria
     • CSS Styling
       • Make coloured tables and and unordered list
       • Make buttons change colors when hovering
       • Add Gallery that moves up and shines light when hovering over image
     • HTML Content Structure
       • Create Big headings (<h1>, <h2>) for easy readability.
       • Make visable buttons
       • Add hyperlink to about section that take me to google maps
     • Aesthetic Match
       • Style layout to completely align with the theme
       • Make sure layout remains uncrowded and clean.
       • Essential text/words only

2. User persona

   • it needs to be clean and easy to see and use
   • not have a messy, overly complicated website layouts and bad styling.
   • he wants a website to keep track of games

3. Coding environments

   • Key algorithms
     • Website navigation
     • Other important algoriths
   • Developer tools
     • Coding language
     • Notepad

4. User interface

   • Aesthetic
     • Colours
       • White background for modern Italian aesthetic feel.
       • Grey highlighting accents for interactive elements.
   • User interface Components
     • Buttons
     • Images
     • Links
   • Features
     • When hovering over a button there is a black overlay that goes ontop
     • buttons at the top of the page to switch between the pages

5. Existing solutions

   • Major Brand website
     • Pros
       • High Quality Visuals
       • Professional Layout
     • Cons
       • Overwhelming menu navigation
       • Too complex for small businesses
   • Use a website made by the same devs who made other small business websites
     • Cons
       • Bad spacing between items
       • Uninspiring design (looks kinda bad)
     • Pros
       • Very straightforward
       • High information density