Microsoft Yammer — Craftmanship 

ROLE art direction, design & animation YEAR 2019

For Microsoft’s 2019 Ignite Conference, Tendril were invited to create a film that demonstrates how the new Yammer delivers a beautiful, intelligent user experience across devices along with a deep integration with other Microsoft Tools.

The film is meant to showcase how Yammer’s redesign leverages the Fluent Design System. The team at Microsoft established design guidelines in a purposeful use of typography, colour and motion to convey a delightful and highly functional app.

The goal was to create a film that displays how Yammer facilitates community, interaction and connectivity between people and organization. Our main creative challenge was bringing a warm, fluid and tactile feel to the UI elements while simultaneously conveying a sense of individual human experience throughout the interactions, materials and storytelling.

We chose to use paper, one of the oldest, most well-known mediums for communication, as one of our tactile textures to incorporate throughout the film. Drawing influence from elements like papyrus scrolls and card stock allowed us to visualize and emphasize diversity across different media. Integrating these tactile elements with future-oriented design thinking like translucent displays, allowed for a nice interplay between the modern and the traditional. Our current canvas is the hybrid between paper and translucent glass, and that is how we tell the Yammer UI story.

Microsoft_Yammer_Vitaly-Grossmann_10Microsoft_Yammer_Vitaly-Grossmann_10
Microsoft_Yammer_Vitaly-Grossmann_17Microsoft_Yammer_Vitaly-Grossmann_17
Microsoft_Yammer_Vitaly-Grossmann_21Microsoft_Yammer_Vitaly-Grossmann_21
Microsoft_Yammer_Vitaly-Grossmann_27Microsoft_Yammer_Vitaly-Grossmann_27

process

Microsoft_Yammer_Process_Vitaly-Grossmann_16Microsoft_Yammer_Process_Vitaly-Grossmann_16
Microsoft_Yammer_Process_Vitaly-Grossmann_13Microsoft_Yammer_Process_Vitaly-Grossmann_13
Microsoft_Yammer_Process_Vitaly-Grossmann_14Microsoft_Yammer_Process_Vitaly-Grossmann_14
Microsoft_Yammer_Process_Vitaly-Grossmann_17Microsoft_Yammer_Process_Vitaly-Grossmann_17

Credits

CLIENT Microsoft MICROSOFT DIRECTOR Nando Costa PRODUCTION COMPANY Tendril  EXECUTIVE DIRECTOR Alexandre Torres CREATIVE & ART DIRECTOR Vitaly Grossmann DIRECTOR Alexandre Torres & Joseph Recoskie EXECUTIVE PRODUCER Ivelle Jargalyn  DESIGN & ANIMATION Vitaly Grossmann, Joseph Recoskie, Samuel Bohn, Jeff Briant, Philipp Pavlov, Fernando Tendero FX & SIMULATIONS Phillip Pavlov, Rich Nosworthy LIGHTING & RENDER Jeff Briant, Brad Husband COMPOSETING Brad Husband FINISHING Corey Larson SOUND DESIGN & MUSIC Zelig Sound

 

— thank you —