Executive summary
Designing a scalable interface across gameplay, progression, rewards and monetization.
I worked on the UX/UI of a shipped Roblox experience, designing player-facing flows from wireframes through final UI and production-ready assets. The interface system covered gameplay HUDs, rewards, stores, progression, player selection, tutorials and collection mechanics while maintaining a consistent visual language across the experience.
The UI Surface
One visual language across gameplay, progression, rewards and monetization.
My Role
- 01User flows
- 02Wireframes
- 03Final UI
- 04Design system & components
- 05Interaction states
- 06Production assets
- 07Figma handoff
Gameplay HUD
Gameplay information had to remain readable without competing with the action. Room progress, run time and enemies left sit in fixed top slots; weapon, ammo and actions stay on the thumb side.
- Currencies & resources
- Player status
- Weapon & ammo
- Actions
- Persistent gameplay feedback
Rewards that keep the loop moving
Reward screens had to communicate value, rarity and next actions quickly while staying visually consistent with the game’s playful tone.
- Rarity on every reward
- Records before the CTA
- Two clear exits: lobby or revive
One system, multiple store types
- 1Category tabs
- 2Selected state
- 3Pricing
- 4Rarity
- 5Obtained state
- 6Detail panel
- 7Purchase action
A shared component language allowed different store categories to scale without redesigning the interaction model from scratch.
- Same card, any item type
- Maxed out and obtained states
- Dual currency pricing
Designing for collection, comparison and equipment
- 1Filters
- 2Search
- 3Rarity
- 4Ownership count
- 5Locked state
- 6Equipped state
- 7Item detail
- 8Bonuses
- 9Equipment slots
The collection system needed to support browsing, comparison and equipment without losing clarity as the number of cards and states increased.
One visual language. Multiple systems.
Reusable components helped maintain consistency across gameplay, stores, rewards and progression while making iteration faster.
From structure to production-ready UI
- 01Wireframe
- 02Structure
- 03Final UI
- 04Production asset
The process moved from player flow and information hierarchy into wireframes, final visual design and implementation-ready assets.
Shipped Roblox UI built as a system, not a collection of isolated screens.
If my work fits your team or project, reaching out should take less than a minute.
