Contact Information

Kathleen He 2026

Teamfight Tactics Case Study

Teamfight Tactics (TFT) is an auto chess battler game created by the indie company Riot Games. In this case study, I aimed to add features that would make the user have a better quality of life and streamline the game further.

Close-up Designs

Clickable Prototype

year

tools

category

2025

Figma

UI/UX

Instagram Post

Process work

Research:

How can I create a smoother UX experience

for the users of TFT while also allowing

cross-pollination between TFT and League of Legends within the client. What other features can be included or improved based on the current users needs and complaints.


Findings:

Including new updates and releases from both games on the main landing page while separating how to enter the and play the League of Legends and TFT can create

cross-pollination while also allowing for both player bases to have space to breathe from the other games content.


Features that can be added and improved on are the team-planner and a missions and level percentage pop-up implementation. To create a more interactive and visually appealing UI for the client adding a more separated design to choose the game mode can be an improvement as well.

Wireframes

Challenge

Connected UI/UX systems with the sibling game League of Legends and include extra features for better gaming experience

Solution

Create a new UX navigation through the client and UI design and add features for players