Improving Mobile CRO & UX for a Herbal Supplement E-Commerce Brand

Explore how targeted improvements and product discovery upgrades helped a fast-growing supplement brand boost conversions and reduce bounce rates.
Key Results
+37.8%
increase in mobile conversion rate after UX and speed optimizations
+28.4%
improvement in product discovery efficiency via predictive search and navigation redesign
+22%
increase in average session duration due to better mobile usability
Client:
NDA
Industry:
Herbal Supplements / Health & Wellness (E-Commerce)
Country:
United States
Key Issues:
  • Low mobile conversion despite strong product demand
  • Frustrating product discovery process on small screens
  • High bounce rates on listing and category pages

Project Overview

The client is a well-known U.S. herbal supplement brand operating on Shopify, with strong traffic volumes but missed opportunities on mobile. Their audience was actively searching for products, yet mobile users often bounced before converting, primarily due to a clunky product browsing experience and slow load times.


We were brought in to help improve sales conversion for the website, focusing specifically on mobile UX, product discovery, and behavioral triggers. The engagement involved site audits, user journey analysis, and a series of rapid UX experiments aimed at reducing friction and improving clarity across the mobile experience.

E-Commerce

Challenges & Pain Points

  • Mobile Conversion Drop: Traffic from mobile continued to grow, but conversions fell short
  • Slow Load Times: Especially problematic for first-time visitors and lower-funnel buyers
  • Navigation Complexity: Product filters and search tools were hard to use on mobile
  • Limited Conversion Cues: No urgency triggers or visible trust elements to drive action
  • Bounce Rate on Key Pages: Product listings had high exit rates and low engagement

Want to see how focused UX changes can increase mobile conversions by over 30%?

Our Solution

Stage 1

1. Mobile UX Optimization

To address mobile performance issues, we applied a series of mobile optimization for e-commerce best practices:

  • Sticky Add-to-Cart Button: A persistent CTA was added on product pages to reduce friction and keep buying intent high
  • Faster Load Times: Reduced mobile load time from 6.2s to 2.9s through image compression and Shopify theme optimization
  • Mobile-Friendly Filters: Rebuilt the filtering interface for easier tap-and-select usability, a crucial step in UI/UX optimization for e-commerce stores
Stage 2

2. Product Discovery

Improving navigation and search were central to our strategy:

  • Smart Predictive Search: Introduced real-time, type-ahead suggestions to reduce search effort
  • Homepage Navigation Redesign: Simplified layout to highlight top categories and product bundles, key for user interface design for supplements, where clear hierarchy aids decision-making
Stage 3

3. Conversion Triggers

We added subtle behavioral nudges to encourage user action:

  • Urgency & Scarcity Elements: Added countdown timers, limited-stock alerts, and seasonal offer ribbons
  • Trust Badges: Displayed certifications (e.g., GMP, Organic, Made in USA) prominently on product pages, improving credibility and reducing hesitation

Results

+37.8%

Mobile Conversion Rate: Significant growth following UX streamlining and CTA improvements

+28.4%

Product Discovery Efficiency: Reduced bounce rates on PLPs due to better search and navigation tools

+22%

Average Session Duration: Users stayed longer, explored more pages, and engaged deeper with content

Checkout Experience

Faster & Simpler — Reduced form friction, leading to higher completion rates

Supplement Purchase Confidence

Increased — Trust elements and product info clarity directly contributed to higher add-to-cart actions

Through targeted CRO for e-commerce stores, clear user interface design for supplements, and practical UI/UX optimization for e-commerce stores, we helped the client turn mobile traffic into consistent, measurable growth.


Whether you’re looking to fix bounce rates, improve mobile performance, or simply help users find what they need faster, we’re ready to help.

Let’s get you
to the same result!

Let’s TALK

image

GoMage is a revenue-boosting force for your team.

Start a project with us — and see it yourself.