Skip to content
Work index06 / 11 — Shop

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

  1. 01

    Clear icon progression

    Distinct visual progression from single gems to treasure chests so bundle size reads from the icon alone.

  2. 02

    Balanced typographic weight

    Both gem quantities and Robux prices are legible with equal visual emphasis.

  3. 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.

Next screen

Season Pass

Tiered progression track with Free & Premium reward lanes, tier skips, and batch claiming.

Shop