Instagram Post

Close-up Designs

Contact Information

Kathleen He 2026

Kathleen He 2026

Contact Information

Solution

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

Teamfight Tactics Case Study

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.

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

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.

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

Clickable Prototype

Year

Tools

Category

2025

Figma

UI/UX

Challenge

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

Wireframes