MICROSOFT

Fluent Illustrations UX Film

To celebrate our refreshed Fluent illustrations, we created a sizzle video that highlights the series of connected shapes and objects across our Fluent design language through a dimensional and inspiring illustration film.

Vision

The heart of the video celebrates the vibrancy, dimensionality, and humanity of the illustration system, crafting a visual narrative that highlights the aesthetic appeal of the illustrations while conveying their emotional impact. Adding details like human imperfections, painterly textures, and playful animation emphasized the emotional connection between technology and humanity, and the tactility of the system.


Exploring the world of Fluent illustrations meant placing the camera in unique angles and points of view that were otherwise limited through UI. Elements emerge directly from the surface of Fluent, with fluid and adaptive forms morphing across every surface in both literal and metaphorical applications. Additionally, these elements traverse the world, showcasing the flexibility and modularity of the system, brought to life across our seamless experiences, adapted, and reused across several products. We celebrate the world of dimensionality and create moments of surprise and delight through each element.

Process

We embraced a new creative process for the film’s production, bringing together a v-team of designers, animators, and sound designers from various product teams. Everyone was open to ideas and eager to experiment, generating great excitement throughout the collaborative process. This fostered a free flow of ideas and united a talented group we might not have collaborated with otherwise. Throughout the process, we iterated on both sound and animation simultaneously to create a harmonious sync between the narrative and overall feeling.

Credits

Creative Director: Alexis Copeland
Edit & Animation Lead: Leitin Pedro

Technical Art Director: Rudy Vessup

3D Design: Horacio Gutierrez, Leitin Pedro, Yulia Makhmudova

3D Animation: Aaron Martinez Garcia, Alexey Sasov, Felipe Medina Contreras, Francesco Stucchi, Horacio Gutierrez, Leitin Pedro, Ryan Gagnier, Rudy Vessup, You Zhang
Music & Sound: Don Diekneite, Laura Parra Rangel, and Nicolas Kasha

Producer: Brian Drouin and Jana Huskey

Next
Next

Microsoft 365 Copilot UX Film