VIEW
TFT Into The Arcane cover

TFT Into The Arcane

UI · UX Design Riot Games · 2024

Visual assets for TFT Set 13, including creation and implementation of the Anomaly, the set's defining mechanic.

Into The Arcane brought the world of Arcane to TFT with Set 13. The central mechanic, the Anomaly, required a full visual language of its own. That covered icons, shop card states, stage tracker integration, and the champion inspect view. Beyond the Anomaly, the work spanned encounter banners, the Academy trait's item frame, the evergreen armory implementation, and the set intro modal.

Role UI / Visual Designer
Game Developer · UX / Interaction Designer
Tools Figma · Photoshop · Illustrator
Procreate · Hextech Engine · Perforce
Google Suite · Notion · Jira
Year 2024
Client Riot Games
Key Deliverables
01 — Anomaly Icon · Shop Card · Inspect
Anomaly Icon
Anomaly on Champion Shop Cards
Anomaly on Champion Inspect
02 — Visual FX Goop
Goop Visual FX
03 — Encounter Banner Evergreen
Evergreen Encounter Banner
Encounter Banner In-Game
04 — Academy Trait Item Frame
Item Frame for Academy Trait
05 — Armory & Set Intro Evergreen · Modal
Evergreen Armory
Set Intro Modal

All images are property of Riot Games.

Next Project

TFT Double Up Updates

2025 · UI · UX Design ↗
Contacts

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