09 / 09
Quick-Access Navigation Sidebar
A compact vertical sidebar menu designed for immediate single-tap access to primary menus.
- Role
- UI/UX Design, HUD Architecture
- Year
- 2025
- Type
- Roblox UI
- Figma
- Roblox Studio
Overview
Designed a persistent left-hand HUD sidebar allowing players to quickly toggle shop, settings, codes, and inventory modals during active gameplay.
Problem
Design Challenge
Persistent HUD buttons can clutter the screen or collide with Roblox default touch controls. The sidebar needed to be compact, tactile, and non-intrusive.
Process
Design & UX Workflow
- 01
Vertical stacking efficiency
Positioned icons vertically along the left screen edge within natural thumb reach.
- 02
Icon clarity & badges
Created high-contrast icon glyphs with distinct background pills for instant identification.
- 03
Subtle active state feedback
Designed glowing border responses when a menu is currently summoned.
Solution
Final Interface System
A clean, lightweight sidebar that preserves screen real estate while putting essential controls one tap away.
Outcome
Impact & Specifications
An unobtrusive HUD element that streamlines moment-to-moment game navigation.
- Menu Summoning
- 1-Tap
- Mobile Ergonomics
- Thumb-Zone
- HUD Footprint
- Lightweight