Skip to content
Work index07 / 11 — Shop

Season Pass

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

Role
UI design
Year
2025
Type
Shop
Tools
Figma, Photoshop

Overview

A complete battle pass interface with Free and Premium reward tracks, XP progression bar, Skip tier button, and a 1-click Claim All feature.

The problem

Many battle pass screens crowd information or make it difficult for mobile players to see their next reward tier.

Process

  1. 01

    Dual track layout

    Clear horizontal layout showing Free rewards on top and Premium pass rewards below with lock indicators.

  2. 02

    Progress and level bar

    High-contrast XP level bar (67/100) showing exact player progression at a glance.

  3. 03

    Batch actions

    Added dedicated Skip and Claim All buttons so players don't have to claim 50 rewards individually.

Solution

A bold, responsive Season Pass menu built with clear unlock milestones and gold ribbon header.

One screen for both reward tracks, with tier skips and a single Claim All.

Next screen

Upgrades

Stat upgrade board with level caps, drawn icon badges, and Buy 1 / Buy Max controls.

Economy