REDESIGNING THE EXPERIENCE OF UNLOCKING PREMIUM COSMETICS


A scalable visual design system built to showcase premium cosmetics at full scale, designed with improved information hierarchy, a new reward progression system, and integrated video previews.

. . . . . .


BEFORE vs AFTER – TFT Chibi Presentation

— DESIGN SCOPE

Cosmetics Content Presentation

Design System and Guideline



— ROLE & INVOLVEMENT

Creative Direction

Lead Visual Designer

UI Designer (IC)



— COLLABORATION

Illustrator

Rendering Artist



— PLATFORM

PC and Mobile

Treasure Realms is Teamfight Tactics’ premium cosmetic unlock experience, where players obtain rare and high-tier content through loot pulls and milestone progression. Each pull also grants currency that can be redeemed in the store, ensuring steady progress toward desired rewards while maintaining anticipation around high-value unlocks.


The previous design was built for a narrower content landscape, primarily Chibi tacticians and standard arenas. As TFT evolved to introduce transformative high-tier arenas and the Unbound champion style with new currencies and reward system, the original layout struggled to showcase this expanded, more dynamic content, limiting scale, clarity, and emotional impact.


The redesign prioritized scalability and player clarity. Cosmetics are now presented at full-illustration scale with improved information hierarchy, transparent milestone progression, and integrated video previews within the client. The result is a more immersive, confident, and exciting unlock experience that better reflects the value of premium content.

BEFORE vs AFTER – TFT Arena Presentation

- Art Direction & Visual Integration -

Provided art direction and supervision for combining two arenas' states into a single composition, using a thematic divider to clearly showcase both tiers to players.

Thematic UI Kit

. . . . . .


All project materials, visuals, and images are the property of Riot Games.

Presented here for portfolio and professional showcase purposes only. Reproduction, distribution, or use without permission is prohibited.

© Mun 2026