MOBILE GAME
DESIGN CASE STUDY
Redesigning the Battle Pass system for web3 blockchain game Warden's Ascent.
A rich redesign that fits the lore
Modular battle pass system
Designing a next-level battle pass system designed to empower gamers with premium progression and exclusive rewards. As the platform prepared to unveil its tiered reward tracks, they needed a bold brand identity and UX framework that could scale across seasons while delivering a compelling narrative of elevation and mastery.
MY ROLE
I was tasked with leading the complete redesign for the Warden Ascent battle pass system and flow. This include UIUX work, UX Research and Illustrative work for the assets that is included in the design.
work scope
UIUX Design
UX Research
Illustration
Within a 2 weeks
tools used
the goal
business goals
The goal was to strengthen player retention and monetization by introducing a scalable battle pass framework that rewards engagement through tiered progression and premium upgrades. The system also aimed to enhance brand loyalty and support future seasonal content through a cohesive, visually consistent design language.
user goals
Players needed a clear, motivating, and rewarding experience, one that makes tracking progress, claiming rewards, and upgrading paths intuitive while reinforcing a sense of growth, mastery, and exclusivity.
project goals
The project focused on building a modular and reusable battle pass UI/UX system that delivers immersive visuals, intuitive navigation, and emotional engagement through storytelling and motion. It also ensured flexibility for future themes while maintaining strong readability, consistency, and reward clarity.
design thinking
The design process began with defining user priorities, ensuring progression clarity, emotional engagement, and thematic immersion. I analyzed top-performing battle pass systems and distilled their best interaction patterns into a structure suited for the Warden’s Ascent universe.
Wireframes were built around hierarchy and flow, emphasizing visibility of level, timer, and progression while maintaining clean calls to action. From there, high-fidelity prototypes brought the vision to life with modular layouts, animated key visuals, and thematic environments that reinforce storytelling and reward value.
Each decision aimed to balance usability with narrative depth, crafting a system that’s both intuitive to navigate and emotionally engaging to return to.
Design Rationale
Midfi Visuals
Hifi Designs
Summary
conclusion
The final design successfully transformed a functional system into an immersive, story-driven player journey. By blending intuitive progression with thematic depth, animation, and distinctive event styling, the Warden’s Ascent Battle Pass delivers a rewarding and emotionally engaging experience. Every UI element from layout hierarchy to iconography — was crafted to motivate players to return daily, ensuring the design feels both elegant and alive within the world of Warden’s Ascent.
MOBILE GAME
DESIGN CASE STUDY
Case Studies
Perfumery E-Commerce Site
Maison 21G is an up and coming perfumery brand that aspires to be the best modern olfactory experience. Giving the old fashion industry a tech edge.
Gaming Wallet
PLAY3R is a gaming wallet that aims to be the goto wallet for Web3 and Crypto Gaming. A gaming wallet that gets gamers into the action within seconds.
