website design

website design

1. existing solutions

   • https://www.iplt20.com/1
     • pros
       • It has a main bar showing highlights of the most recent matchs
       • a good aesthetic design, with official branding
     • cons
       • it is chaotic, a very long website wiht lots of hyper links
       • the results table is not up to date
   • https://www.icc-cricket.com/fixtures-results
     • pro
       • it tells tell the rankings of player across the world
       • It has basic information and the organsiation is good
     • con
       • it loos boring and has a neutral professional colour scheme
       • it doesn't give you the team rankings of assossciate nations

2. user interface

   • user interface components
     • buttons
     • images
     • links
     • features
       • other features
       • dark mode
       • heading
       • table
       • easy navigation
       • high quality images
       • call to actions
       • testimonials
   • aesthetic
     • colours
       • green
       • red

3. coding environment

   • key algorithms
     • hyperlink
       • to the ipl website to learn more
     • buttons
       • homepage
       • page 2
       • page 3
   • developer tools
     • Notepad ++
       • it is used for coding, scripting an designing a website .
     • Coding language
       • HTML
         • it is used as the backbone for a website
           • doctype HTML; <body>
       • CSS
         • it is the langauge used to design and style the website
           • p { color: blue; font-size: 16px; }

4. task requirements

   • self detrermined criteria
     • it must be related to the theme of the websites
       • images must be related
       • text must be related to cricket
       • The theme must be related
     • it must have 2 additional pages
       • one page must be abou the ipl
       • other page shoul be about international cricket
       • the home page should highlight the basics and introduce cricket
   • prescribed criteria
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the following:
       • images
       • buttons
       • paragraphs
       • hyperlink
       • tables
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the following:
       • clear layout
       • images and captions
       • typography
     • • Your website must include TWO aspects styled using CSS.
       • background image
       • font colour
       • images and captions

5. user persona

   • my person wants a good website that shows the match sttas of the indian cricket team an the ipl
   • no webstie meets his criteria; they either have one or the other
   • Joseph Khan, a teacher who went to Brisbane grammar school and griffith uni and lives in Sydney, is a huge cricket fan and loves when the indian cricket team wins. he also likes Indian food as he is a professional food tester on the side
   • finds website that understand his love for cricket