The visual layout of the interface strikes a balance between the aggressive aesthetic of American motorsport and a clean, contemporary digital design.
71
Metacritic Score
Color Palette and Visual Tones
Built in UMG slate with UE 5, the menus feature dark tones that echo the asphalt and dirt of the tracks, reducing eye strain while making the 3D bike models stand out in the background. The primary UI colors focus on high-contrast tones such as Monster Green, crisp white, and bright yellow. These colors highlight active elements, selectable buttons, and cursors, instantly drawing the eye.
Visual Effects and Micro-Interactions
The interface floats over a live 3D background scene. Navigating through bike components or gear causes the in-game camera to smoothly orbit the 3D model in real time, delivering a cohesive visual flow.
Screen transitions feature subtle fades, controlled glitches, or swift horizontal sweeps reminiscent of official SMX Championship TV broadcasts
Minimalist Interface
In the Menu, UI Graphic is bold but essential, giving focus to the 3D Enviroment. During races, the HUD minimizes screen clutter. Elements like the speedometer, lap times, and standings utilize semi-transparent flat design to avoid obscuring the in-game visuals and terrain particle effects.
Accessibility and Visual Customization
Text size customization, contrast adjustments, and colorblind modes ensure maximum HUD readability during high-speed races.
Configurable on-screen visual cues can replace audio signals from the track or engine revs.
Key Achievements
3D Integration
Successfully developed and implemented the entire menu system directly within UE5, ensuring seamless synergy between the UI and the 3D game environment
Asset Optimization & Memory Efficiency
Standardized static UI assets using power-of-two dimensions, maximizing scalability while drastically reducing VRAM and system memory footprint
Advanced Material & 3D Animation
Built complex graphics materials and shaders to power dynamic UI visual effects across various interactive gameplay states. Populate 3D enviroment with data responsive animation
Modular Architecture via Blueprints & Stylesheets
Engineered widget assembly directly in Blueprints utilizing a stylesheet-driven approach, streamlining style maintenance and asset updating
Flexible, Accessibility-First Layouts
Structured geometric yet partially fluid layouts, allowing the UI to scale smoothly and accommodate accessibility settings without compromising visual balance