Website Design

Website Design

1. User Persona

   • Details
     • He works at Hakataya Ramen which is a popular Japanese restaurant.
   • Needs
     • A website that gives information about the foods he is going to try
   • Wants
     • Ryder wants to try lots of different asian cuisines

2. Coding Environment

   • Key algorithms
     • Website navigation
   • HTML & CSS
     • Hypertext Markup Language & Cascading Style Sheets
       • HTML coding language is one of the default coding systems
   • Developer Tools
     • Visual Studio Code

3. Task Requirements

   • Self-Determined Criteria
     • SDC1 Description
       • SDC1 Requirement
         • Must include clear information about each Asian cuisine
         • Must be organized and have a clear paragraphed structure for each food.
   • Prescribed
     • PC3 Description
       • Your website must have an aesthetic that suits/aligns with your User Persona
         • PC3 Requirement
           • Must have both savoury and sweet foods in the website
           • Aesthetically pleasing images and colours.
           • Must be linked with the user persona
     • PC2 Description
       • 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
         • PC2 Requirement
           • I must include AT LEAST one image to show what I am talking about.
           • I must include multiple links
           • I must add buttons to go to different sites
           • Must use HTML and CSS to create the website
     • PC1 Description
       • Your website must include TWO aspects styled using CSS o E.g. Background colour / Background image / font type / font colour
         • PC1 Requirement
           • I must include a table about any Asian cuisine in my website.
           • I must use AT LEAST 1 font type throughout the website
           • I must include a background colour in each section of the website

4. Existing Solutions

   • 35 Asian Foods You Absolutely Need to Try At Least Once
     • Gives lots of information about the different cuisines
       • Gives a variety of different traditional foods to try out
         • Most of the unique foods are from different countires
     • Con
       • It is only made by one person meaning only one opinion
         • The website is really close together with too many words.
     • Pro

5. User Interface

   • Features
     • e.g. Dark Mode
   • User Interface Components
     • Links
     • Images
       • Background Colour
     • Button
   • Aesthetic
     • Colour
       • Font
         • Headings