Website Design

Website Design

1. User Interface

   • Features
     • Background image of the team
     • Clear navigation between players and draw.
   • User Interface Components
     • Linked Buttons between pages
     • Images of players and the Brisbane Broncos
     • Links between players and the draw
   • Aesthetic
     • Coloured background
       • Maroon image of Broncos
     • Coloured titles
       • White to contrast against background

2. Coding Environment

   • Developer Tools
     • HTML Editor
     • CSS Code
     • HTML Code
   • Key Algorithms
     • Website Navigation
     • Other Important Navigations

3. Task Requirements

   • Prescribed Criteria
     • • Your website must include TWO aspects styled using CSS
       • The website must have an image of the Brisbane Broncos as the background.
       • The font colour must be easy to read.
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the follow
       • Use an image of the Brisbane Broncos as the background.
       • The website must include a list of players on the Broncos team.
       • The headings of each page must be different sizes to easily read.
       • Include a hyperlink to another website that is about the draw for the Broncos.
       • The website must have clear buttons to travel between the players and draw.
     • • Your website must have an aesthetic that suits/aligns with your User Persona
       • The website must have a coloured background of the Broncos team.
       • The titles must be coloured white to contrast against the background image so it can be easily read.
   • Self-Determined Criteria
     • Your website must include the player’s position.
       • The website must be able to easily access each player’s position.
       • The website must be able to easily navigate to the player’s positions.

4. Existing Solutions

   • Wikipedia
     • Pros
       • Shows information on players
       • Shows every team
       • Shows draw for every week
     • Cons
       • Hard to easily navigate
       • Too busy
       • Not very colourful
   • NRL Website
     • Pros
       • Shows players
       • Includes Broncos logo
       • Includes background information on the team
     • Cons
       • Hard to understand positions
       • Hard to navigate
       • Unclear titles

5. User Persona

   • Needs
     • Needs to know all the players on the Broncos and their positions.
   • Frustrations
     • Easily found the player’s positions.
   • Goals
     • Teaches me about the players and the draw.
   • About Them
     • He likes watching the NRL and specifically the Brisbane Broncos.