Tools:
Figma, Photoshop
Client:
Riot Games
Year:
2024
Industry:
Gaming
Experience:
UI/UX Design, Mobile

Teamfight Tactics
Upgrading the game's social experience through improved chat navigation and options
about
My friends and I can all safely agree that Riot Game's popular auto-battler game, Teamfight Tactics, is something that should be played on the computer. Especially when locking in for ranked matches. Compared to the desktop client, the mobile version is missing information and has limited functionality for some features that could honestly "make or break" the game at times.
However, many of us enjoy the convenience of playing on the go or simply in the comfort of our bed. With this in mind, I sought out to create solutions for issues frequently commented on the mobile app.
Just like ranking up my units from 2 to 3 star in game, I aimed to take the existing mobile app's UI to the next (star) level.
I conducted user surveys amongst current TFT players and designed an updated UI with consideration to user feedback, focusing on visual improvements to the home screen and added functionality for social features (e.g. Friends List, Chat).





