Website Design

Website Design

1. Coding environment

   • Developer Tools
     • HTML code
     • notepad++
   • Key Algorithms
     • Website Navigation
     • CSS

2. Existing Solutions

   • Net world sports
     • Pros
       • Provides pictures
       • Provides all the equipment
     • Cons
       • Does not give a specific list for the number of induvidual things a person needs
       • The website does not provide the exact size of the bat
   • Keith Dudgeon
     • Pros
       • Included the equipment
       • Has different links to different items
     • Cons
       • Odd and brigth color scheme.
       • When entering the website you are overwhelmed withimages and sale offers.

3. Task Requirment

   • Prescribed Criteria
     • • Your website must include TWO aspects styled using CSS
       • Background color
       • Background image
       • Font type
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the following:
       • Different heading sizes
       • Image
       • Hyperlink to an external website
     • • Your website must have an aesthetic that suits/aligns with your User Persona
       • The design is very simple and not overwelming.
       • Has a user-friendly operation.
       • Includes all the images and details about the equipment.
   • Self-determined Criteria
     • A result that meets the requirements
       • Make the website user friendly
       • Use the guide given
       • Do it step by step to follow and meet the criteria
     • Finish in time
       • Create eariler due dates for yourself
       • Create a schedule for when you do different assignments
       • Sit down and focus for at least an hour a day

4. User Persona

   • Create a user-friendly website to inform cricket beginners about the correct items needed.
   • Other websites only provide the equipment generaly but don't give a specific list of what exactly is needed and which products are the best.
   • My User is a student in grade 10 who is looking for the correct equipment to start cricket.
   • A website that provides the correct information for Cricket equipment

5. User Interface

   • Aesthetic
     • Pastel colors
       • Pastel yellow
       • Pastel green
   • User Interface Components
     • Images
     • Multiple Webpages
     • List
   • Features
     • Moving images or videos
     • Buttons linking to other pages for more information