08 / 09
Settings & System Controls
A compact settings modal featuring high-contrast glowing toggle switches for audio and graphics.
- Role
- UI/UX Design, Interaction Design
- Year
- 2025
- Type
- Roblox UI
- Figma
- Roblox Studio
Overview
Designed a clean, vertical settings modal allowing players to toggle graphics shadows and audio with satisfying glowing visual feedback.
Problem
Design Challenge
Settings menus are often neglected and difficult to toggle on mobile. Clean tactile switches with immediate state feedback were required.
Process
Design & UX Workflow
- 01
Glow switch mechanics
Designed vibrant green neon glows for ON states and subtle red glows for OFF states.
- 02
Gear iconography & header
Created custom 3D-styled gear vector icons framing the header ribbon.
- 03
Compact mobile layout
Structured the layout vertically to fit comfortably on phones without blocking background gameplay.
Solution
Final Interface System
A modern, tactile settings sheet with unmistakable switch states and quick-dismiss controls.
Outcome
Impact & Specifications
A polished, accessible settings menu that elevates the overall quality feel of the game.
- Glow Switches
- Tactile
- State Feedback
- Instant
- Mobile-First
- Compact