Microsoft Staffhub

A part of Microsoft Office 365, StaffHub is a mobile and web application that allows you to create, manage and swap shift schedules. I was brought on to redesign the desktop experience while the application was being rewritten in React, leveraging Microsoft’s design language and components.

Project:
Microsoft StaffHub

Role:
Design Direction, Product & UI Design, Documentation

Microsoft Staffhub

A part of Microsoft Office 365, StaffHub is a mobile and web application that allows you to create, manage and swap shift schedules. I was brought on to redesign the desktop experience while the application was being rewritten in React, leveraging Microsoft’s design language and components.

Project:
Microsoft StaffHub

Role:
Design Direction, Product & UI Design, Documentation

Before

After

Application Onboarding

Application Onboarding

Application Views

Application Views

Documentation

Documentation for the design system was created to support engineering as well as function as a future style guide. Detailing application states, how components scale or be built in CSS helped reduce the friction in the handoff between design and engineering.

First Run Experience Animations

Share with team

Add or edit shift