MICROSOFT FLUENT EMOJI DESIGN SYSTEM

Tendril partnered closely with Microsoft's team to envision, craft, and implement a comprehensive overhaul of their current emoji library. Not only to conceptualize and redesign the existing emoji library, but to take it a step further and add dimensionality to this previously completely flat visual language. I was honored to be asked to direct this massive endeavor alongside a talented team and set out to create a comprehensive design system as the foundation for all assets.

Therefore I was tasked with leading the initial design phase and develop the baseline for the Emojis Fluent Design System. This encompassed establishing guidelines for each smiley, person, animal, food, object, and symbol—totaling over 1800 distinct elements. The culmination of our efforts is a vibrant, diverse and colorful celebration of joy and a sincere embrace of visual expression.

Our initial objective was to elevate the emoji system into the contemporary Microsoft design language, while amplifying the emotions of each emoticon, improve overall inclusivity and create a unified system across the palette. Working with an incredibly open-minded client, we had the chance to create something new, something different, something a little bit out there.

Redesigning a product of this size and magnitude is a challenge in itself. Not only are the emojis used worldwide by millions of people, but they also come with a huge set of rules and a big bag of history to be aware of. One of the creative challenges was to find the right balance between a serious commitment to the communication standards of the emoji unicode, while finding our own unique way of expression and design within it. We wanted to create something unique, something that is full of life and joy, and something that distinctively looks different to the emoji palettes of the competitors.

As the director of the initial design phase, I guided the creative development into a consistent design system that can be applied to more than 1800 emojis, while only designing the first 50. Each creative had to be scalable, consistent within the design system and offer enough flexibility to stay true to the communication of each new icon that has to be designed.

To achieve this, we started with 2D illustrations using simple base shapes as a construction logic for all our Emojis before diving into 3D. This allowed us to investigate the communicative means of the icon and to maintain visual consistency across the entire Emoji family, before diving deeper into the production pipeline.

Inclusivity, honesty and vulnerability are all elements we sought out to encompass in the new Emojis. We wanted our designs to celebrate the beautiful differences and imperfections in human expressions. Which is why our Emoji silhouettes aren’t 100% geometrically circular, but instead what we came to call the ‘imperfect circle.’

To make sure our designs will look consistent across the vast library of emojis, each decision that was made in the design development phase had to proof itself within a systematic context. If a new emoji requires a different set of eyes, a new shape of the mouth or a unique form of expression, the element itself had to be designed first individually to compare it with existing shapes, before being applied in the context of the full icon.

Credits

Client
Microsoft

Microsoft Team
Nando Costa, Claire Anderson,
Cassie Klingler, Jason Custer,
Judy Safran-Aasen, Sam Cundall

Production Company
Tendril

Creative Director
Alexandre Torres

Director
Matthias Winckelmann, Leo Mateus

Art Director
Rodrigo Rezende

3D Art Direction
Jonathan Lindgren

Executive Producer
Ivelle Jargalyn

Producer
Emily McCallen, Brittany Sheahan

Coordinator
Jelena Sibalija

CG Supervisor
Ben Pilgrim

Design
Andras Csuka, Felipe Medina,
Henrique Athayde, Leo Natsume,
Margarida Lemos, Runbo Chen,
Plenty Studios

Lead Modeller
Flavio Diniz

Model, Light, Render
Aleksandra Liubas, Benjamin Lüthold,
Dominik Grejc, Edgar Ferrer,
Eric Macedo, Flavio Diniz,
Gustavo Henrique, Leonardo Bortolussi,
Plenty Studio, Rita Louro,
Zach Landua

Rigging
Tyrell Scott

Lead Animators
Samuel Bohn, Jonathan Lindgren

Animation
Dominik Grejc, Emiliano Flores,
Flavio Diniz, Guilherme Vasconcellos,
Hernan Lindenbaum, Jessica Herrera,
Leonardo Bortolussi, Plenty Studio,
Will Sharkey, Zach Landua

Compositor
Corey Larson