04 / 09
Gems Currency Storefront
A clean in-game economy store offering tiered gem packages with prominent value scaling.
- Role
- UI/UX Design, Monetization UX
- Year
- 2025
- Type
- Roblox UI
- Figma
- Photoshop
Overview
Designed the primary premium currency shop displaying tiered gem bundles, pricing badges, and purchase triggers without misleading dark patterns.
Problem
Design Challenge
Currency shops often feel cluttered and fail to communicate per-pack value effectively.
Process
Design & UX Workflow
- 01
Distinct pack scaling
Created visual differentiation between small starter packs and high-value bulk chests.
- 02
Legible price tags
Ensured Robux costs and gem quantities read immediately on both mobile and desktop screens.
- 03
Clean checkout triggers
Designed high-contrast purchase buttons with green action states and clear confirmation affordance.
Solution
Final Interface System
A vibrant storefront with organized product cards, high-contrast price pills, and custom gem chest artwork.
Outcome
Impact & Specifications
A trustworthy and high-converting storefront that makes currency acquisition clear and rewarding.
- Pricing Structure
- Transparent
- Touch Targets
- Mobile-Ready
- Illustrative Badges
- Custom