Microsoft Office + Fluent Envisioning
Envision a unified product offering for Office that can guide their internal teams as they implement the Fluent Design Language.
Overview
The Fluent design language was still in early development at Microsoft, but it had strong momentum and the team at Office wanted to make sure they were positioned to execute this new design language across their products. We had the unique opportunity to intimately collaborate across Office design groups. Through this partnership we were able to explore new ideas around digital collaboration, intelligence, and fluid interaction paradigms. We delivered a unified vision for critical design dialogue on how to move Office into a more compelling future.
Role
I led visual design across all deliverables. Worked with juniors designers to explore the UI visual expression within Office’s core products and motion designers to bring the vision to life.
Details
June 2017
Visual Design
Brought the vision to life through motion.
We created three vignettes to tell the story of what collaboration could be like in a coherent, multi-platform, AI-assisted world.
One Canvas Many Brushes
All Together Now
Things Organized Intelligently
Visualizing the steps Microsoft could take to incrementally move towards a “One Office” vision using 3 of their core products: Teams, Excel, and Outlook.
Fundamentals
Design Principles
Grid
Typography
Sans serif: Primary UI type
Serif: System voice type
In-line semantic shift
Color
Core
People
Intelligence
Depth
Team
