WEBSITE DESIGN

WEBSITE DESIGN

1. TASK REQUIREMENTS

   • Prescribed Criteria
     • website must include TWO aspects styled using CSS
       • Background color/image
       • font color
     • must use HTML to organise appropriate information on your webpages
       • Images of the game
       • hyperlink to official website
       • Paragraphs
       • different heading sizes
       • button
     • website must have an aesthetic that suits/aligns with your User Persona
       • images and graphics
       • clear layout
       • colours and contact
   • Self-Determined Criteria
     • Create a website with detailed information about the game to help the User understand the mechanics of the game Cookie Run: Kingdom
       • The website must have a hyperlink to the official crk website
       • The website must have important information about the game and meet with the user’s goal

2. USER INTERFACE

   • Features
     • Heading
     • Easy navigation
     • Call to action
   • User interface Components
     • Buttons
     • Images
     • Links
   • Aesthetic
     • Colours
       • Coloured buttons that change into a lighter tone when hovered over
       • a variety of coloured fonts
     • Images and graphics
       • Images related to the game and the context
       • Images to design the website and make it look Aesthetic
     • clear-layout
       • an organised layout with buttons in line, paragraphs sectioned nicely, etc
       • easy-to-identify key features and no bold colours

3. CODING ENVIRONMENT

   • Developer Tools
     • Notepad++
       • a free, open-source text and source code editor for Windows
     • Coding Language
       • HTML
         • The structure of the Webpage and tells the browser how to display the content
           • <h1></h1> for the first heading
       • CSS
         • describes how the HTML elements will be displayed on the screen
           • background-color: ####; to change the background colour of the website
   • Key algorithm
     • Website Navigation
       • buttons
         • homepage
         • page 2
       • hyper
         • cookierun-kingdom.com

4. EXISTING SOLUTIONS

   • https://www.crkguides.com/
     • Pros
       • a variety of links
       • Fonts have different sizes and colours
     • Cons
       • The background is blank and no visual appeals whatsoever
       • no pictures are seen
   • https://www.noff.gg/cookie-run-kingdom/teams
     • Pros
       • it shows the characters of the game which appeals to the audience
       • the website uses a greyish-blue background which makes the other icons pop
     • Cons
       • Too much icons on the screen; very overwhelming
       • a variety of fonts and sizes would've been more appealing

5. USER PERSONA

   • Needs
     • A website that has eye-catching visuals and information about the game
   • Frustrations
     • Some websites do not have enough information or enough visuals of the game which confuses her
   • Goals
     • Wants to understand the game mechanics to be able to play it
   • About them
     • Likes Pastel colours, interesting-designed characters, lore
     • Name: Agatha
     • Grade 9, student
     • Lives in Brisbane