TFT Skilltree
Collaborated with overseas engineering team and shipped an animated rank-up ceremony design system for PC and mobile in Teamfight Tactics (TFT), seen by over 33 million active players. Enhacing gameplay experience through motion graphics.
Role
Motion Graphics Artist
Timeline
Summer 2024
Spring 2026
Team
1 Product Manager
2 Motion Graphics Artists (me)
1 Visual Designer
2 Engineers
Tools
Figma
Spine2D
After Effects
Hextech Engine
Context
Introducing my internship
As a fun passion side project, I decided to create an animated intro for my internship announcement post on social media.
The Brief
Create Rank-Up Ceremonies that are unique to TFT Set Revival Events and provide a rewarding experience after you finish each game.
01 // rank-up
Water Ceremony
The first celebration starts off small with a splash. Here, we introduce players to the motif of an elemental ring around your matching medallion.
01 // rank-up
Fire Ceremony
The next celebration has longer lingering effects like the medallion cooling off and smoke emanating from the burst. The frame also gains wings that slam into place.
01 // Rank-up
Lightning Ceremony
The final celebration to reward players who advance to the highest level. The effects cover the entire screen and has even longer lingering effects.
Reduce, Reuse, Recycle
In order to improve memory efficiency, I reused this water tile texture multiple times within a single animation.
03 // Lobby Experience
Revival Ladder Hub
The revival ladder hub is the main place players go to view their progress, change modifiers, and collect their rewards. In this screen, I animated a couple micro-interactions to help bring attention and fun to even an otherwise general homescreen.
Retrospective
Clear communication across all stakeholders
Working with an engineering team across Singapore, visual design craft team, and the core events team, while thinking about sound design and technical considerations, provided an interesting challenge and taught me how to communicate my ideas, thoughts, & concerns more often and with clarity.