Gems Shop
Premium currency packs laid out with clear value scaling and honest pricing.
- Role
- UI design
- Year
- 2025
- Type
- Shop
- Tools
- Figma, Photoshop
Overview
Gem packs showing Robux costs and currency yields side-by-side without deceptive countdowns.
The problem
Currency stores often clutter the screen with artificial timers and misleading discount badges.
Process
- 01
Clear icon progression
Distinct visual progression from single gems to treasure chests so bundle size reads from the icon alone.
- 02
Balanced typographic weight
Both gem quantities and Robux prices are legible with equal visual emphasis.
- 03
Standardized buy actions
The buy button sits in the same place on every bundle card, so prices compare down one line.
Solution
A structured grid layout with clear price tags and clean purchase prompt handoffs.
Clean monetization storefront with frictionless purchase interaction.
Season Pass
Tiered progression track with Free & Premium reward lanes, tier skips, and batch claiming.