A clear evolution toward a modern, immersive, and lifestyle-oriented visual language
79
Metacritic Score
Neon Accents and High-Impact Chromatics
Modular Grid System
The menus abandon the flat dark gray/anthracite backgrounds of the past in favor of a dynamic backdrop where lighting —powered by Unreal Engine—plays a central role. Selections, Badges, and status indicators use highly saturated colors to create immediate focal points against the 3D background.
Menus are constructed using a parametric grid framework. Although visually structured around sharp geometric angles and clean lines, the underlying layout containers use flexible flexbox-style alignment (auto-wrap, dynamic padding, and fluid slot sizing)
Partially Mobile UI Nodes
Dynamic Anchoring
Panels and navigation cards feature localized spatial movement. Upon receiving input focus or triggering scale adjustments (such as enlarged text modes for accessibility), adjacent nodes shift dynamically along assigned axes to preserve margin integrity and avoid overlap
Built using Unreal Engine’s Slate core UI framework and UMG (Unreal Motion Graphics), the menus operate on a flexible canvas system rather than fixed pixel dimensions.
All layout frames, cards, and geometric boundaries utilize percentage-based anchors, dynamic pivots, and scalable vector assets. This allows UI nodes to reflow and scale natively across various resolutions
Key Achievements
Modular Card-Based Layout
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 & Shader Development
Built complex graphics materials and shaders to power dynamic UI visual effects across various interactive gameplay states
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
Despite their geometric structure, the layouts feature an adaptable architectural design with partially fluid elements, allowing the menus to scale effortlessly for accessibility.