Vendor
The merchant screen that routes spending into random rolls or flat stat upgrades.
- Role
- UI design
- Year
- 2025
- Type
- Menu
- Tools
- Figma, Roblox Studio
Overview
A clean merchant portal that cleanly splits progression into two distinct loops: Gacha Rolls and Upgrades.
The problem
Combining both systems into a complex tabbed modal causes confusion and buries the secondary upgrade economy.
Process
- 01
Two clear visual cards
Distinct blue for Gacha and green for Upgrades with bold graphics so players understand their choices immediately.
- 02
Full-card hit targets
The entire card acts as a touch target, eliminating accidental mis-taps on mobile devices.
- 03
Consistent vendor framing
Shopping bag ribbon header that aligns with the overall studio aesthetic.
Solution
A frictionless two-choice decision screen. Tap, choose, and enter the respective menu immediately.
Streamlined the entry flow into the core economy loops without unnecessary sub-menus.
Gacha
RNG roll screen with live drop-rate probabilities, dual currencies, and 1x / 3x / 10x pulls.