Context & Concept

Context: University Web Application Project

RetroWeb is a browser-based arcade site for desktop users, as mobile users typically rely on application stores for gaming.

Taking inspiration from sites like Cool Math Games, the goal was to create a retro experience where users can quickly jump into games and track their high scores without navigating a cluttered interface.

Information Architecture & UI

• Layout Choices: Using Gestalt's principle of symmetry, the layout naturally focuses user attention directly on the central game options, making the primary goal of the website instantly clear.
• Persistent Navigation: I implemented a fixed navigation bar so users always have immediate access to games and account settings from any screen.
• High-Contrast Readability: To maximize readability, the UI relies on a black and white palette, with customisable accent colours for the background.

Accessibility & System Feedback

• Accessibility: The application achieved a 100% accessibility score on Lighthouse, featuring full keyboard navigation, image alt-text, and accessible audio toggles.
• User Feedback: To prevent user error, I integrated clear visual alerts and pop-ups that provide instant feedback when users log in, update accounts, or hit a new high score.
• Retrospective: While the current iteration successfully delivers an intuitive desktop experience, my next step for improving usability would be integrating in-game audio controls rather than relying on a global settings menu for sound.