memorial

From 51% Abandonment to Seamless Checkout: How a Rebrand and VR Try-On Saved the Day

From 51% Abandonment to Seamless Checkout: How a design sprint unveiled several problems and

Role:

Branding, Web design, UX/UI, Strategic Design

Deliveries:

Deliveries:

Web + app

Date:

2024

Date:

2024

Deliveries:

Web + app

Context

Context

Memorial is a Mexican retailer specializing in high-quality scrubs for medical professionals. Despite a strong brand reputation, the company faced conversion rate hurdles, particularly in cart abandonment (51%) and product returns (34%). These issues impacted revenue growth and customer satisfaction.

Start here

As a first hire, I helped to bring the platform from the ground up. The web page was adopted relatively fast for the majority of users and it represented a 17% increase in overall sales.

Fast Forward

Despite initial success, the Memorial website faced a significant challenge: high cart abandonment. To understand the root cause, I conducted a design sprint focused on user behavior and the checkout process.

From abandonment to multiple solutions

We conducted a comprehensive design sprint to identify and address the root causes of high cart abandonment rates. Through user research and testing, we uncovered key issues: a lack of brand clarity, a tedious checkout process, and uncertainty about product fit. To tackle these challenges, we implemented a multi-faceted solution: a rebrand to strengthen brand identity, a streamlined checkout process, and the innovative Memorial Fitting Room, an AI and AR/VR powered virtual try-on experience. This holistic approach led to a significant reduction in cart abandonment and return rates, improving overall customer satisfaction and driving business growth.


Discover

Define

Develop

Deliver

Rebranding Strategy + UI Kit

Simplified checkout process + progress bar

Built in AR/VR/AI features for IOS App.

Designing a seamless happy path

Our design solutions focused on creating a seamless user journey ("happy path") that addresses all three pain ponts:

  1. Rebranding: Complete brand refresh for an enhanced visual appeal for a clearer brand identity.

  2. Streamlined Checkout: The checkout process was redesigned with fewer steps, progress indicators, and user-friendly interfaces. Designed for responsive layouts and built-in IOS app.

  3. AR/VR AI Fitting Room: The fitted result incorporates itself into the overall checkout experience.

From 51% to

14%

Reduction in card abandonment rate

18%

Increase in

conversion rate

During beta:

From 34% to

19%

Decrease in

return rate

Rebranding + UI Kit

A comprehensive 100-page brand guideline served as the foundation for a robust UI kit. This kit ensured design consistency across all platforms (web and mobile app) and facilitated a seamless user experience.

Rebranding + UI Kit
Simplified checkout process + progress bar
Simplified checkout process + progress bar

A comprehensive 100-page brand guideline served as the foundation for a robust UI kit. This kit ensured design consistency across all platforms (web and mobile app) and facilitated a seamless user experience.

To enhance the user experience and reduce cart abandonment, we implemented a simplified checkout process. Through rigorous A/B testing and user feedback, we optimized the checkout flow by reducing the number of steps by 30%, adding clear progress indicators, and streamlining form fields. This data-driven approach resulted in a more intuitive and efficient checkout journey.

To enhance the user experience and reduce cart abandonment, we implemented a simplified checkout process. Through rigorous A/B testing and user feedback, we optimized the checkout flow by reducing the number of steps by 30%, adding clear progress indicators, and streamlining form fields. This data-driven approach resulted in a more intuitive and efficient checkout journey.

Rebranding + UI Kit

A comprehensive 100-page brand guideline served as the foundation for a robust UI kit. This kit ensured design consistency across all platforms (web and mobile app) and facilitated a seamless user experience.

The redesigned web interface underwent significant revisions based on user feedback:

  • Fewer checkout steps (reduced by 30%)

  • Clear progress indicators

  • Simplified form fields

The redesigned web interface underwent significant revisions based on user feedback:

  • Fewer checkout steps (reduced by 30%)

  • Clear progress indicators

  • Simplified form fields

B

B

Simplified checkout process + progress bar

To enhance the user experience and reduce cart abandonment, we implemented a simplified checkout process. Through rigorous A/B testing and user feedback, we optimized the checkout flow by reducing the number of steps by 30%, adding clear progress indicators, and streamlining form fields. This data-driven approach resulted in a more intuitive and efficient checkout journey.

A/B Test:
The checkout process

We conducted rigorous AB testing with key stakeholder involvement. The checkout process was redesigned with fewer steps, progress indicators, and user-friendly interfaces.

The redesigned web interface underwent significant revisions based on user feedback:

  • Fewer checkout steps (reduced by 30%)

  • Clear progress indicators

  • Simplified form fields

A

A

A

A

A

A

B

A

B

B

The redesigned web interface underwent significant revisions based on user feedback:

  • Fewer checkout steps (reduced by 30%)

  • Clear progress indicators

  • Simplified form fields

B

B

Streamlined Checkout Flows: Web and App

Web Checkout: Our intuitive web checkout flow guides users seamlessly through the purchase process, minimizing frustration and maximizing efficiency. The readily available cart button allows users to save items and swiftly navigate to checkout when ready.

App Checkout: The in-app checkout process is designed for mobile convenience, featuring a simplified layout, optimized for one-handed navigation. Similar to the web version, the cart button is readily accessible, facilitating a smooth transition to purchase.

AI-Powered Virtual Try-On

To address sizing concerns and enhance the shopping experience, we integrated AI and AR/VR technology into the Memorial Fitting Room. This innovative feature allows users to visualize how scrubs fit their body shape and size and receive personalized size recommendations based on AI-powered analysis of user measurements and preferences.

“This process made it easier to go from one step to the other without compromising the user journey”- Maria JiChang

seamless journey

Our VR Fitting Room is seamlessly integrated into the app's navigation, allowing users to effortlessly transition from virtual try-on to adding items to their bag. This streamlined process eliminates friction and ensures a smooth shopping experience.


Project Status

As of December 2024, the Memorial Fitting Room project is in its final stages of development. We are actively testing the app to ensure optimal performance and user experience. We are excited to announce that the app is scheduled for release in June 2025, revolutionizing the way medical professionals shop for scrubs.

Currently I’m open to new opportunities and projects. Feel free to reach out.

Currently I’m open to new opportunities and projects. Feel free to reach out.

Currently I’m open to new opportunities and projects. Feel free to reach out.

Currently I’m open to new opportunities and projects. Feel free to reach out.

AI-Powered Virtual Try-On

To address sizing concerns and enhance the shopping experience, we integrated AI and AR/VR technology into the Memorial Fitting Room. This innovative feature allows users to visualize how scrubs fit their body shape and size and receive personalized size recommendations based on AI-powered analysis of user measurements and preferences.

AI-Powered Virtual Try-On

To address sizing concerns and enhance the shopping experience, we integrated AI and AR/VR technology into the Memorial Fitting Room. This innovative feature allows users to visualize how scrubs fit their body shape and size and receive personalized size recommendations based on AI-powered analysis of user measurements and preferences.

memorial

How a design sprint revealed blind spots and improved the checkout experience and return items rate with the help of our users during

Role:

Branding, Web design, UX/UI, Strategic Design

Deliveries:

Web + app

Date:

2024

From abandonment to multiple solutions

We conducted a comprehensive design sprint to identify and address the root causes of high cart abandonment rates. Through user research and testing, we uncovered key issues: a lack of brand clarity, a tedious checkout process, and uncertainty about product fit. To tackle these challenges, we implemented a multi-faceted solution: a rebrand to strengthen brand identity, a streamlined checkout process, and the innovative Memorial Fitting Room, an AI and AR/VR powered virtual try-on experience. This holistic approach led to a significant reduction in cart abandonment and return rates, improving overall customer satisfaction and driving business growth.


Discover

Define

Develop

Deliver

UI Kit based on brand guidelines

Simplified checkout process + progress bar

Built in AR/VR/AI features for IOS App.

Discover

Define

Develop

Deliver

UI Kit based on brand guidelines

Simplified checkout process + progress bar

Built in AR/VR/AI features for IOS App.

From abandonment to multiple solutions

We conducted a comprehensive design sprint to identify and address the root causes of high cart abandonment rates. Through user research and testing, we uncovered key issues: a lack of brand clarity, a tedious checkout process, and uncertainty about product fit. To tackle these challenges, we implemented a multi-faceted solution: a rebrand to strengthen brand identity, a streamlined checkout process, and the innovative Memorial Fitting Room, an AI and AR/VR powered virtual try-on experience. This holistic approach led to a significant reduction in cart abandonment and return rates, improving overall customer satisfaction and driving business growth.


UI Kit based on brand guidelines

Simplified checkout process + progress bar

Built in AR/VR/AI features for IOS App.

From abandonment to multiple solutions

We conducted a comprehensive design sprint to identify and address the root causes of high cart abandonment rates. Through user research and testing, we uncovered key issues: a lack of brand clarity, a tedious checkout process, and uncertainty about product fit. To tackle these challenges, we implemented a multi-faceted solution: a rebrand to strengthen brand identity, a streamlined checkout process, and the innovative Memorial Fitting Room, an AI and AR/VR powered virtual try-on experience. This holistic approach led to a significant reduction in cart abandonment and return rates, improving overall customer satisfaction and driving business growth.


“This process made it easier to go from one step to the other without compromising the user journey”- Maria JiChang

seamless journey

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin

From 51% to

14%

Reduction in card abandonment rate

18%

Increase in

conversion rate

During beta:

From 34% to

19%

Decrease in

return rate

Simplified checkout process + progress bar

To enhance the user experience and reduce cart abandonment, we implemented a simplified checkout process. Through rigorous A/B testing and user feedback, we optimized the checkout flow by reducing the number of steps by 30%, adding clear progress indicators, and streamlining form fields. This data-driven approach resulted in a more intuitive and efficient checkout journey.

AI-Powered Virtual Try-On

To address sizing concerns and enhance the shopping experience, we integrated AI and AR/VR technology into the Memorial Fitting Room. This innovative feature allows users to visualize how scrubs fit their body shape and size and receive personalized size recommendations based on AI-powered analysis of user measurements and preferences.

From 51% to

14%

Reduction in card abandonment rate

18%

Increase in

conversion rate

During beta:

From 34% to

19%

Decrease in

return rate

Project Status

As of December 2024, the Memorial Fitting Room project is in its final stages of development. We are actively testing the app to ensure optimal performance and user experience. We are excited to announce that the app is scheduled for release in June 2025, revolutionizing the way medical professionals shop for scrubs.

From 51% to

14%

Reduction in card abandonment rate

18%

Increase in

conversion rate

During beta:

From 34% to

19%

Decrease in

return rate

seamless journey

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin

Project Status

As of December 2024, the Memorial Fitting Room project is in its final stages of development. We are actively testing the app to ensure optimal performance and user experience. We are excited to announce that the app is scheduled for release in June 2025, revolutionizing the way medical professionals shop for scrubs.