02 / 09
Vendor & Merchant Hub
A dual-portal merchant gateway routing player economy into randomized rolls and deterministic stat upgrades.
- Role
- UI/UX Design, System Architecture
- Year
- 2025
- Type
- Roblox UI
- Figma
- Roblox Studio

Overview
Designed the primary merchant interface that cleanly divides player currency spend between luck-based Gacha rolls and deterministic stat Upgrades.
Problem
Design Challenge
Consolidating multiple progression systems into one NPC without creating a confusing, multi-tabbed monster menu.
Process
Design & UX Workflow
- 01
Split intent into two clear pillars
Divided the interface into two bold, distinct cards (Blue for Gacha, Green for Upgrades) with representative iconography.
- 02
Shopping bag header badge
Crafted a 3D-styled shopping bag vector anchor to give the NPC modal clear thematic identity.
- 03
Immediate call-to-actions
Gave each portal high-visibility typography and glowing interior borders for quick touch selection.
Solution
Final Interface System
A streamlined two-choice gateway that reduces decision fatigue and speeds up in-game economy interactions.
Outcome
Impact & Specifications
Players instantly recognize where to spend in-game currency based on their immediate progression goals.
- Core Economy Paths
- 2 Choices
- Scalable Vector UI
- 100%
- Navigation Flow
- Zero Friction