Bringing FC 24’s UI alive: interface animations for the industry-leading football franchise.

Client: Electronic Arts
Year: 2023

Industries: gaming, sports
Services: motion

We collaborated on animating various UIs for the iconic franchise during the year of its rebirth as the FC brand, marking the end of over 30 years under the FIFA license.

The new brand identity was inspired by the triangles that have been part of EA SPORTS football for the past 30 years—from the isometric polygons that make up their game to the chemistry triangles that exist in Ultimate Team™ to the player indicator across every match.

We employed motion design principles to enhance an already beautiful user experience. Whether reinforcing interactions or providing delightful rewards, we had a blast collaborating with EA’s team.

Our approach was holistic: we defined behaviors for various cross-experience UI elements, including big tiles, small tiles, language menus, purchase confirmations, and more.

Please note that the designs were not final, and some visuals are placeholders.

Our work on UI Motion Design for FC24 started by creating detailed motion targets in After Effects, allowing us to define animation timing and transitions early in the process. We layered in sound FX to bring each sequence to life and provide an immersive experience. Finally, we partnered with EA’s technical artists to integrate our animations into the game, ensuring smooth implementation and high-quality results.

Got a project in mind?

Tell us your idea and we’ll get things in motion.