03 / 09
Gacha & RNG Roll System
A transparent roll system featuring normal & premium rolls, explicit odds breakdown, and bulk purchasing.
- Role
- UI/UX Design, Economy Architecture
- Year
- 2025
- Type
- Roblox UI
- Figma
- Roblox Studio
Overview
Designed a complete Gacha rolling modal with dual currency support (in-game cash & premium robux/gems) and transparent odds breakdown from Common to Celestial.
Problem
Design Challenge
Many Roblox gacha interfaces hide drop rates or make multi-rolling tedious. Players need instant clarity on odds, pricing, and roll quantities.
Process
Design & UX Workflow
- 01
Dedicated odds transparency panel
Placed color-coded rarity tiers directly beside the roll view so players never have to guess drop probabilities.
- 02
Multi-tier bulk rolling
Designed 1x, 3x, and 10x roll buttons to accommodate both early-game and endgame rolling loops.
- 03
Dual currency tracks
Clearly separated standard in-game currency rolls from premium luck-boosted rolls with distinct yellow/blue color palettes.
Solution
Final Interface System
A high-energy two-tier roll modal with prominent 3D dice iconography, cyber grid textures, and high-visibility action buttons.
Outcome
Impact & Specifications
An engaging, fair, and high-converting roll interface tailored for player excitement and clarity.
- Rarity Breakdown
- 7 Tiers
- Multi-Roll Options
- 1x / 3x / 10x
- In-Game & Premium
- Dual Currency