Viome CRO

Viome's low sales were due to a confusing website. I redesigned the CRO flow (quiz, PDPs, homepage) to clarify the product's value proposition and build user
Platforms
Web
Launched
June 23, 2025
Roles
UI/UX Designer

overview

This case study outlines the conversion rate optimization (CRO) strategy for Viome, a direct-to-consumer health-tech company. In response to record-low sales following a shift away from a promotional pricing model, the primary challenge identified was a confusing user experience; customers struggled to understand the core product, differentiate between packages, and navigate a complicated purchasing flow.

As the UI/UX designer, I led the redesign of key homepages, product pages, and the quiz experience to bring clarity to the product's value proposition. Due to low site traffic making traditional A/B testing inconclusive, we adapted our approach to measure success through leading engagement metrics like click-through rates and interaction data, supplemented by qualitative user interviews. The goal was to reduce friction and build user confidence, creating a more intuitive and informative path to conversion.

The Problem

An initial audit revealed that the user experience was a primary blocker to conversion. The product itself was confusing and hard to understand for many users. The core product offering was difficult to grasp, the various packages and upsells were not entirely clear, and the overall customer journey was complicated, creating high friction and drop-off.

My Role & Hypothesis

As a UI/UX Designer focused on conversion rate optimization (CRO), I was tasked with redesigning these key pages (homepages, product pages, and the quiz flow) to improve user understanding and drive sales. The project's central challenge was that users were attracted to Viome's promise of personalized health insights, but the current website experience created significant barriers to purchase.

My central hypothesis was that by clarifying the product's value proposition, simplifying the package selection process, and creating a more intuitive user journey, we could reduce user confusion and increase engagement.

Goals & Metrics

The primary goal was to increase the overall conversion rate. However, due to low site traffic and low revenue leading to the client dropping the partnership, reaching statistical significance on A/B tests was not consistently feasible. To adapt, we expanded our success metrics to include leading indicators such as click-through rates (CTR) on key CTAs, on-page interaction rates with new modules, and qualitative insights gathered from user interviews.

execution

The execution of this project followed a rapid, iterative CRO process focused on speed, efficiency, and continuous learning, built upon a foundation of strategic research and a robust design system.

Discovery & Strategic Planning

Initial discovery focused on identifying key friction points and developing a data-backed strategy:

  • Heuristic Evaluation & Audit: We performed a thorough audit of the existing pages, confirming that the high density of complex scientific language and the lack of a clear product hierarchy were creating cognitive load.
  • User Interviews: We conducted qualitative user interviews to gain empathy. The key findings identified were a lack of trust, confusing product information, and a misleading checkout process.
  • Competitive Analysis: We examined the flow, messaging, and information architecture of competitors to identify best practices for explaining complex personalized health data.
  • Innovation Syncs & Roadmapping: We conducted innovation syncs with product managers and account analysts to brainstorm concepts and align on priorities. Quarterly roadmaps were created—prioritized using the ICE (Impact, Confidence, Ease) format—to ensure all iterations were focused on the highest-potential solutions.

Design System and Foundation

To ensure speed and consistency across a variety of page and quiz tests, a significant foundational step was the creation of a robust design library:

  • Component Development: I developed a comprehensive brand library within Figma, translating the visual identity into reusable UI components (buttons, cards, data visualizations, and information modules).
  • Variables and States: Each component was built with working variables and clearly defined states (e.g., hover, active, disabled) to streamline the hand-off process.
  • Zero QA and Efficiency: Utilizing Zeplin.io for detailed component specifications, this component-based foundation drastically improved design-to-development efficiency, resulting in virtually zero QA issues and allowing the team to stay ahead of development timelines.

Iteration and Testing

Design iterations focused on simplifying the complex user flow, informed by qualitative insights:

  • Homepage Clarity: We introduced new hero sections and informational modules that prioritized a clear, high-level answer to "What is Viome?" We utilized simplified visual aids and progressive disclosure to introduce complex science only after the user was engaged.
  • Quiz Experience Redesign: We targeted the complex and lengthy quiz flow, which was a high-friction area. The redesign focused on segmenting the questions, reducing the number of input fields per screen, and adding progress indicators to manage user expectation and reduce drop-off.
  • Information Hierarchy on PDPs: We revamped the Product Detail Pages (PDPs) to clearly delineate the offerings, prioritizing simple, comparative tables and interactive elements that allowed users to self-select the product most suited to them.

outcome

While the project was ultimately curtailed due to the client's internal revenue challenges and low traffic, the engagement successfully validated the core design hypotheses and established a highly efficient design and development framework.

Qualitative Validation of Design Strategy

Post-launch qualitative user research provided compelling proof points that validated the redesign efforts:

  • 100% Confusion Addressed: Initial testing showed that while 100% of participants were intrigued by the ad, a majority became confused upon landing. Furthermore, all 5 out of 5 users struggled to understand the product's core value proposition. The redesign efforts directly addressed this cognitive load.
  • Clarity of Process: The focus on demystifying the journey was critical, as all 5 out of 5 users were confused about the product and the process, and a large majority of users (80%) were confused on functionality. The new step-by-step modules and quiz flow directly resolved this Unclear Journey.
  • Building Trust: The design emphasis on transparency was crucial. All 5 out of 5 users expressed concern about credibility. Generic claims like "trusted by 1M+ microbiomes" did not resonate with users; they demanded real user testimonials, reviews, and endorsements from credible sources like doctors or well-known publications.

Operational and Technical Efficiency

A major success of the engagement was the establishment of a robust design system that transformed the product team’s speed and quality of delivery.

  • Near-Zero QA Issues: By developing a comprehensive design library with working components, variables, and states, the technical hand-off process was dramatically simplified using Zeplin.io for documentation. The development team experienced virtually zero QA issues during implementation of new features.
  • Increased Velocity: The component-based approach allowed the team to implement iterations rapidly and consistently, successfully establishing a high-velocity CRO roadmap that remained ahead of schedule throughout the partnership.

Key Takeaway

The project reinforced a critical lesson in designing for complex health-tech: users must understand the 'what' and 'how' before they can appreciate the 'why' (value). The success of the foundational work—both in qualitative validation and in technical efficiency—established a high-potential framework for future conversion gains, proving the validity of the hypothesis and the effectiveness of a robust design process.