Website Design

Website Design

1. Existing solutions

   • Cristiano Ronaldo - Olyimpics.com
     • pros
       • clear, straight to the point
       • shows informations
       • easy to find this website
     • cons
       • not enough information
       • only has one image
       • no buttons
   • Cristiano Ronaldo - Wikipedia
     • pros
       • lots of information
       • available is 181 languages
       • easy to find
     • cons
       • No attracting features just information
       • no call to actions
       • Missing Statistics

2. task requiements

   • Prescribed crieteria
     • • Your website must include TWO aspects styled using CSS o E.g. Background colour / Background image / font type / font colour
     • • 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
     • • Your website must have an aesthetic that suits/aligns with your User Persona
   • self determined criteria
     • third webpage
       • table, paragraph, a moving image

3. Coding enviroment

   • coding enviroment
     • developer tools
       • Notepad++
       • html5 editor
       • Visual studio
       • java script
       • html, css
     • key algorithims
       • website navigation
       • other important navigation

4. User Interface

   • Features
     • example of features in your website
   • User interface components
     • images
     • buttons
     • links
     • asthetics
       • colours etc

5. user persona

   • About them: Cristiano Ronaldo, 41, Footballer, based in Riyadh.
   • Needs: One aesthetic website showcasing all career stats, and clubs.
   • Frustrations: Scattered info or sites that only show incomplete data.
   • Goals: Wants a comprehensive repository as he chases 1,000 career goals.

6. Solution 1