Website Design

Website Design

1. Task Requirements

   • Prescribed Criteria
     • 2 Aspects of CSS
       • Font Coloour
       • Background Image
       • Font Type
     • 5 Aspects of HTML
       • Paragraphs
       • Unordered & Ordered List
       • Image
       • Hyperlink
     • Aesthetic that Aligns with User Persona
       • Information
       • Design
   • Self-Determined Criteria
     • The website must link to the user persona
       • Topic (Flowers)
       • Needs & Expectations
       • Goals
     • Includes different images using CSS to express the topic flowers
       • Lots of colours
       • Variety of flower pictures
       • Fonts and headings labeling flowers

2. Coding Environment

   • Developer Tools
     • Notepad++
     • Coding Language

3. User Interface

   • User Interface Components
     • Buttons
     • Images
     • Links
   • Aesthetic
     • Colours
       • Pink
       • Mint Green
   • Features
     • Other Features
     • (e.g. Different Fonts)

4. Existing Solutions

   • Types of flowers website (BioExplorer)
     • Cons
       • Overwhealming design
       • Can't search for the flower you want to see
     • Pros
       • Images for each flower
       • Every flower alphabetticaly listed
   • Popular flowers comprehensive (Wow Bouquet)
     • Pros
       • Different formats
       • Selected most popular flowers
     • Cons
       • Not enough images
       • A lot of advertising to buy their flowers

5. User Persona

   • About them
     • Rose Millar 17 girl in Y12 high school Brisbane QLD who is a Retail Florist (part time)
   • Goals
     • A website that has different types of flowers that explain information about them
   • Interests
     • Hiking, travelling to NZ, making creative things.
   • Frustrations
     • Looking at different types of flowers on websites can be overwhealming with lots of information and images
   • Needs
     • A website that provides information for different flowers to learn more about them like origin, scent, colour and meaning