VIEW
TFT Inkborn Fables cover

TFT Inkborn Fables

UI · UX Design Riot Games · 2023

Visual assets for TFT Set 11, centred on Encounters, the set's primary game mechanic.

Inkborn Fables drew on the rich visual world of Eastern mythology and ink-brush aesthetics. The Encounters mechanic, mid-game story moments that offer players unique choices, required a full suite of UI. That included champion portrait frames to mark an encountering champion, a banner and panel to present the encounter, a dedicated button, and a responsive layout that reads clearly across PC, tablet, and mobile. The work also included evergreen UI updates that persisted beyond the set.

Role UI / Visual Designer
Game Developer · UX / Interaction Designer
Tools Figma · Photoshop · Illustrator
Procreate · Hextech Engine · Perforce
Google Suite · Notion · Jira
Year 2023
Client Riot Games
Key Deliverables
01 — Champion Frames Encounter Portraits
Champion Portrait Encounter Frames
02 — Banner & Button Encounter Entry Points
Encounter Banner
Encounter Button
03 — Encounter Panel Desktop
Encounter Panel
Encounters — Desktop
04 — Responsive Tablet & Mobile
Encounters — Tablet
Encounters — Mobile
05 — Evergreen UI Persistent Updates
Evergreen UI

All images are property of Riot Games.

Next Project

TFT Magic N' Mayhem

2024 · UI · UX Design ↗
Contacts

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