Mrs. Meyer’s Clean Day

A company that is known for its scents.

Rooted in good. There is a scent for everyone. I mean… for you.

 

The Ask

The original website was outdated and did not live up to the standard that MMCD has maintained for the past decades. We were asked to reimagine the commerce experience to better cater to their customers’s unique needs.

 

My Role

Creative Lead
Researcher
UX Design

The Task

User Research
Experience Design
Commerce Launch

 
 
Sample Slide: Objectives

Sample Slide: Objectives

 
Sample Slide: Guiding Principles

Sample Slide: Guiding Principles

Sample Slide: Understand Your Users

Sample Slide: Understand Your Users

Sample Slide: User Behavior Analysis

Sample Slide: User Behavior Analysis

Sample Slide: Primary Persona

Sample Slide: Primary Persona

Sample Slide: Secondary Persona

Sample Slide: Secondary Persona

Sample Slide: Primary Persona Description

Sample Slide: Primary Persona Description

Sample Slide: Customer Lifetime Journey

Sample Slide: Customer Lifetime Journey

 
MMCD_Nav.gif

Persona-based Navigation Design

UX Consideration:

  • The unconventional navigation design is inspired by the unique shopping pattern of their target audience. Offering three distinct ways to explore site offerings: Shop by Product, Shop by Scent & Content Discovery (menu).

  • The hamburger navigation targets on customers who are primarily interested in content exploration.

  • Introducing micro-animations and illustrations to create a more intuitive navigational experience.

MMCD_BuildABundle.gif

Build Your Own Bundle

UX Consideration:

How can we simplify the complex user flow of building a bundle, particularly for customers who shop online?

  • Our approach is to mimic the in-store shopping experience: building a bundle is as simple as adding your favorite items into a basket.

  • Prioritizing the mobile experience, our solutions are straightforward and easy-to-use across all viewports:

    • The “tile”treatment has a contemporary look&feel and it is easy-to-use for mobile users.

    • Introducing “ + “ and “ - “ buttons to allow users easily modify product quantities.

    • The empty slots of the basket indicates how many more products user can still add.

 
 
 

W3

2020 Honoree

Webby

2021 Honoree

 
Previous
Previous

Mercedes-benz

Next
Next

Frontier Co-op