VIEW
TFT Cosmetics Re-tiering cover

TFT Cosmetics Re-tiering

UI · UX Design Riot Games · 2025

Design the new cosmetics tiering system for TFT's content, resolving inconsistencies and building a stronger foundation for future expansion.

As TFT's cosmetic catalog grew beyond its original three-tier structure (rare, epic, legendary), inconsistencies emerged in how content was distributed and categorized. This project established a cohesive visual language for rarity, from new gem icons and tags to updated cards, player items, and in-game surfaces across battle pass, store, loadouts, and more.

Role UI / Visual Designer · Tech Artist
UX / Interaction Designer
Tools Figma · Photoshop · Illustrator
Hextech Engine · Perforce
Year 2025
Client Riot Games
Key Deliverables
01 — Rarity System Tags & Gems
Content Type and Rarity Tags
Rarity Gems
Gems System
02 — Icons Feature & Moon
Content Feature Icons
Moon Icons and System
03 — Content Cards Store & Player Cards
Store Cards Visual Update
Player Card Visual Update
04 — Mythic Content Page & Modal
Mythic Content Page
Mythic Modal
05 — Rewards Single & Multi
Reward
Single Reward
Multi Reward
06 — In-game Applications Battle Pass · Store · Loadouts
Battle Pass
Store
Loadouts
Loading Screen
Treasure Realms

All images are property of Riot Games.

Next Project

TFT Ao Shin's Ascent

2025 · UI · Game Design ↗
Contacts

Thank you for reading. For any question please feel free to contact me :)