Heidi Boehm

Design influencer: systems, digital, tech, enterprise, the future

shopping.jpg

SHOP & COMPARE

SHOPPING THE M365 ADMIN PORTAL

Admins of large organizations used to go to the Office Admin Center to manage and shop for their subscription products. With the updating and migration to the M365 Admin Center, we added more capabilities including shopping and comparing products for an all-in-one experience. Since Volume Licensing brings in over 74% of revenue to Microsoft, there is an incredible amount of traffic to this portal. Having a seamless shopping experience is vital.

 

Previous shopping experience in O365 ADMIN CENTER

[1.0] Previous shopping experience and the product detail page

[1.0] Previous shopping experience and the product detail page

 

Design implementation

New design features added for the shopping experience:

  1. Grouping products by categories for easier discover-ability

  2. Simplifying product tiles

  3. Interactive tiles on hover state

  4. Product multi-section

  5. Creating a comparative feature

  6. Allowing a sticky header

[1.1] Landing page for shopping with one product selected

The customer experience for selecting and comparing multiple products