Tools:

Figma, Photoshop

Client:

Riot Games

Year:

2024

Industry:

Gaming

Experience:

UI/UX Design, Mobile

Cover

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).

Want to highlight your brand's unique charm?
Let's create together!

Available for work

allisonwt@berkeley.edu

Want to highlight your brand's unique charm?
Let's create together!

Available for work

allisonwt@berkeley.edu

Want to highlight your brand's unique charm?
Let's create together!

Available for work

allisonwt@berkeley.edu