top of page

Leveling Up: Exploring Figma Interactions Through Battle Pass Design




A battle pass is a seasonal reward system where players earn in-game cosmetics by completing challenges, with a free and a paid premium track. It's company favorite because it drives predictable recurring revenue, boosts player retention through time-limited goals, and fairly monetizes a broad audience, all while avoiding the backlash and regulatory risk of loot boxes.


Duration:

  • 2 days


Team member:

  • Tejas Pawar


Software:

  • Figma I Jitter



Task:

Design an engaging, clear, and functional Battle Pass UI/UX from a detailed game spec, including key screens, flows, icons, and animations, culminating in a polished playable prototype


Context


● Design a seasonal Battle Pass UI for a 90-day progression system with 100 tiers in Free and Premium tracks, plus an additional 50 tiers for Premium+.

● Players earn Battle Pass XP through missions and gameplay to unlock rewards.



Battle Pass Walkthrough






Loading Animation


Purchase Animation




bottom of page