How a UX Assessment Set the Strategy for a Redesigned Shopping & Subscription Experience

Since 2015, Function of Beauty has created customizable beauty products. Customers answer a few questions to create products tailored to their hair type, goals, color and fragrance. Function launched with shampoo and conditioner, then grew its product offering to include hair styling, skin, and body care products. However, their site didn’t reflect the expanded offerings.

Before entering into a complete website redesign, the Function team consulted with us to create a strategy that would improve customer conversion and retention. Our UX assessment identified current issues and opportunities and paved the way to a more seamless personalized experience.

Function of Beauty Website

What We Did

  • UX Audit
  • Session Analysis
  • Moderated Usability Testing
  • UX Design
View our Capabilities

Project Type

  • Subscription eCommerce
  • Health & Beauty

Project Date

  • 2022
A diagram showing the 3-lens approach to UX assessments which allows us to identify customer pain points from different vantage points.

Approach

How a 3-Lens Approach Helped Define a Strategy to Improve Conversion & Retention

To create a strategy that would be impactful for conversion and retention, we assessed both the site’s shopping and account experiences. Our UX assessments are unique in that they consist of 3 parts: UX audit, Session Analysis, and Usability Testing. These three lenses create an in-depth analysis of customer needs across the experience.

In the UX audit, we looked holistically across Function of Beauty’s website, examining each screen within the conversion funnel, particularly the onboarding hair quiz. Through this process, we identified areas within the experience that could benefit from personalization quiz best practices and usability standards to reduce complexity and provide consistency across the site.

UX assessment findings describing areas of friction within Function of Beauty's personalization quiz.
UX assessment finding describing how users struggled to add additional items to their cart while shopping.
UX assessment finding describing how users struggled to add additional items to their cart while shopping.

During session recording analysis, we watch recorded sessions as customers use the site to customize their products, checkout, and manage their accounts. We discovered points in the flow where users experienced errors and moments of confusion. While other sessions revealed that users hesitate over selections and struggle to find information about how products are personalized to their needs.

The session analysis pointed to clear opportunities to fix bugs, make small UX changes, and prioritize more significant changes that helped focus the shopping experience by providing the information customers needed earlier in the flow.

UX assessment finding showing a session recording where a users progress is lost if they navigate away from their cart.

For usability testing, we launched two studies to focus on the different customer needs for conversion and retention. For conversion, we learned the impressions of new customers as they customized products, viewed results, and checked out. For retention, we focused on existing customers who showed us how they manage and adapt their subscriptions.

The learnings from the usability studies brought important customer perspectives to our assessment. New customers needed guidance to help them choose the right options to customize their products. They also needed a stronger bond between their selections, and how the products were personalized. Finally, they wanted more information about other products that could help them reach their goals.

I don’t see anything about what the subscription requirements are. How often would it come? And, what is the cancellation policy?

I don’t see anything about what the subscription requirements are. How often would it come? And, what is the cancellation policy?

Existing customers also had unique needs. They wanted a more streamlined account management experience where they could make subscription changes without navigating deep into their account settings. They showed us the primary ways they use their account, which helped shape a new information hierarchy.

UX assessment finding describing usability issues customers encounter when trying to manage their subscription in their account.

Subscribers also wanted to discover new products that could complement their routine; however, the current account experience limited exploration, forcing them to exit their account to explore new products.

outcomes

Grounding the Redesign in UX Strategy

The assessment created a holistic view of UX friction, information needs, and opportunities across the site. The areas of improvement were paired with low and high-effort changes for the redesign. We designed concepts that explored new ways to shop based on the findings from the assessment.

By grounding the design changes in data from the assessment, the strategy focused on where it could impact conversion and retention most. The resulting site redesign gives customers a clearer understanding of the range of products available, how they are customized, a streamlined checkout flow, and a focused subscription management experience.