VIEW
TFT Item Bench Visual Updates cover

TFT Item Bench Visual Updates

UI · UX Design Riot Games · 2024

A redesign of item management in TFT, moving items to a left-side toolbar with expanded capacity and new usability features.

Items now appear in a toolbar on the left side of the screen, allowing for easier visibility, more refined clicking, and a few usability improvements, including the ability to combine items in the inventory and rearrange them with ease. The updated interface increased capacity from 10 to 20 maximum items. The work covered new tooltips for item recipes, completed items, and the "Create Item" CTA, plus the "Hold to Combine" interaction that lets players merge components directly from the bench.

Role UI / Visual Designer
Game Developer · UX / Interaction Designer
Tools Figma · Photoshop · Illustrator
Hextech Engine · Perforce
Google Suite · Notion · Jira
Year 2024
Client Riot Games
Key Deliverables
01 — Item Recipe Tooltip & Mockups
Item Recipe Tooltip
Item Recipe Mockup
Item Recipe Mockup Detail
02 — Hold to Combine Interaction & Tooltip
Hold to Combine

All images are property of Riot Games.

Next Project

TFT Into The Arcane

2024 · UI · UX Design ↗
Contacts

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