Office.com

Office.com

Office.com is used primarily by enterprise and education users to access Office 365 through the web.

I was the lead designer for the redesign effort. Working with program managers, engineers, designers, and partner teams, I drove the redesign to make documents easier to find, to encourage users to move their files to the cloud, and to help users collaborate.

The new redesigned Office.com was the first Office experience to use Fluent Design. It has since contributed to a rapid increase in the number of cloud file users and document collaborators.

View the live experience

Office.com

(Note: To access this experience, you will need to sign in to Office with a work or school account.)

Previous design

Screenshot of the previous Office.com design

New design

Simple and organized

Documents is the second section below Apps. The redesigned section helps users find documents more quickly and helps them collaborate with others.

Screenshot of the Recent documents section on Office.com

Recommended documents

Large easy-to-parse cards offer users a quick way to access documents that are recommended using machine learning and AI.

Screenshot of the Recommended documents section on Office.com

Frequently used commands

Users can access frequently used commands by hovering over documents. More options are accessible via an overflow menu.

Animation showing frequently used commands on hover and an overflow menu

Simple list/tiles control

Easy to understand control that allows users to switch between List view and Tiles view.

Animation showing how user can switch to a Tiles view

Responsive design

The most important information (i.e. name, icon, activity, and sharing status) is available to the user on any viewport.

Animation showing how the document list responsively scales

More recent work

Office web start pages

Word, Excel, and PowerPoint start

User-centered designs for Word, Excel, and PowerPoint in the web.

Office Documents Experience

Office.com

Fluent design helps users find files faster and work with others.

Office.com homepage

Office.com sign in

Simplified page design that positively moved metrics.

Microsoft Earn - Enroll for free and get rewarded.

Microsoft Earn

Beta loyalty program that grew rapidly with high engagement.