Website Design

Website Design

1. User Interface

   • Features
     • Separate rank pages
       • Bronze
       • Silver
       • Gold
     • Rank information and tips
   • User Interface Components
     • Buttons
     • External Links
     • Images
   • Aesthetic
     • Light background
       • Consistent colours
     • Orange/gold accents
       • Matches Roblox BedWars

2. Task Requirements

   • Self-Determined Criteria
     • SDC 1
       • Improve skills and knowledge
       • Strategies and gameplay tips
     • SDC 2
       • Rank-specific information
       • Relevant gameplay advice
   • Prescribed Criteria
     • PC 1
       • Website functionality
       • Working links/buttons
     • PC 2
       • Multipage website
       • Technical requirements
     • PC 3
       • Aesthetic suits user
       • Consistent design

3. User Persona

   • Needs
     • Information that is easy to understand and is about the user's current rank
   • Frustrations
     • Cannot find a website where it demonstrates techniques and information to his game
   • About Them
     • A 14 Year Old Who Likes Games
   • Goals
     • Improve and learn useful skills and strategies

4. Existing Solutions

   • Solution 1
     • Pros
       • Provides strategies and tips
     • Cons
       • Information may be difficult to find
   • Solution 2
     • Pros
       • Provides BedWars information
     • Cons
       • Not focused on specific ranks

5. Coding Environment

   • Developer Tools
     • Notepad++
     • Coding Language
       • HTML
       • CSS
   • Key Algorithms
     • Website Navigation
       • Link between rank pages
       • Return to main page
     • Other Important Algorithms
       • Button interactions
       • Page navigation