Website Design 1

Website Design 1

1. Task Requirements

   • Self Determined Criteria
     • SDC 1
       • Req 1
         • In your website you must add links to Door Dash and Uber eats.
       • Req 2
         • Descriptions and images of the products and a beige background must be used on the website.
   • Prescribed Criteria
     • PC 1
       • Req 1
         • Two aspects styles must be included in your website.
       • Req 2
         • These aspects style must be using CSS for example background colour, background image, font types and font colour.
     • PC 2
       • Req 1
         • It is compulsory to use HTML language.
       • Req 2
         • You must organise related appropriate information on your webpages.
       • Req 3
         • Apply five elements on the website.
       • Req 4
         • These are the following selections
           • Image
           • Table showing information
     • PC 3
       • Req 1
         • An aesthetic must by included in your website
       • Req 2
         • The aesthetic must suit/align with your User Persona

2. User Persona

   • About them
     • Name
       • Cecilia Damien
     • Age
       • 25
     • Occupation
       • Business owner of a boba & tea shop
       • Education
         • Bachelor of business
         • Master of commerce
   • Goals
     • Attract new customers
     • Strengthen brand identity
   • Frustrations
     • Text size to small
     • Images size were too big or too small
     • Background colour was wrong
   • Needs and Expectations
     • Include images of the products
     • Add external links to Door Dash, Menulog and Uber eats
     • Descriptions of each product
     • Biege background

3. User Interface

   • Aesthetic
     • Colours
       • Biege
       • White
   • User Interface Components
     • Image
     • Lists
     • Links
   • Features
     • Other features
     • Dark Mode

4. Coding Environment

   • Developer Tools
     • HTML Editor
     • W3school
   • Key Algorithm
     • Website Navigation
     • Other Important Algorithm

5. Proposed Solution

   • The products will be displayed as images
     • Pros
       • Visual representation of products gaining trust
       • Faster and easily to understand image
     • Cons
       • The images may appear on other websites reducing the brand uniqueness
   • The services will be displayed as links
     • Pros
       • Directly go the delivery platform by just clicking on the button link
       • It is neat and eye-catching
   • The title, heading, and subheading will be displayed with different size.
     • Pros
       • Well organised website
       • Users can easily navigate through sections
       • They can understand the layout