Shopify Ecommerce Website Redesign | Supplement
Min Bui
How a Basic Website Turned Into a High-Conversion Machine After a Redesign
PROJECT OVERVIEW
Project: Complete Website Redesign
Platform: Shopify (Mobile-First)
Services: UX Strategy, CRO Architecture, Mobile UX/UI Design, Product Page Optimization, Scientific Storytelling, Trust Signal Design, Shopify CRO
We knew our formulas worked , but our website didn’t communicate the science, results, or credibility behind them. The redesign was about making everything clearer, faster, and more trustworthy for mobile users. -Ascend LabsTeam!
THE CLIENT
Ascend Labs is a fast-growing supplement brand focused on visible, appearance-driven results , helping young consumers feel more confident through science-backed formulas.
Their hero products include:
D-BLOAT – debloating support for a leaner facial appearance
B-CLEAR – skin clarity and acne support
U-GLOW – improved skin tone and tanning support (upcoming)
The brand primarily serves a Gen Z audience (ages 16–24) in the U.S., with users motivated by one core desire:
“I want to look better and feel more confident.”
Before working with UXphoria, Ascend Labs had:
The result:
Traffic existed , but users dropped off before understanding the value.
THE CHALLENGE
Redesigning Ascend Labs wasn’t about making the site “prettier.”
It required solving structural, cognitive, and trust-related problems.
The real challenges lie beneath the surface , unclear structure, scattered messaging, and a user journey that needed to be rebuilt from the ground up including key CRO enhancement.
1. Product Understanding Took Too Long
Users were presented with ingredients and long explanations, but no clear transformation story.
Many left before grasping:
What the product does
Why it works
Why Ascend Labs is different
2. Trust Signals Were Present , But Invisible
Ascend Labs had powerful credibility assets:
Trademarked ingredients (DIGESEB®, CHROMAX®)
Certificates of Analysis
3rd-party testing
Made in USA / HALAL claims
But these signals weren’t surfaced visually or strategically, especially on mobile.
3. Mobile UX Was Not Built for Speed
Most users browsed on mobile, yet:
Important info appeared too late
CTAs required excessive scrolling
Pages felt dense and fatiguing
For a Gen Z audience, this friction was costly.
4. No Clear Product Differentiation
Each formula had a distinct purpose, yet the website failed to:
Compare them clearly
Guide users to the right solution
Highlight color-coded formula identity
THE SOLUTION
UXphoria rebuilt Ascend Labs’ website from the ground up with a mobile-first, conversion-focused strategy.
The core principle was simple:
Make the value obvious in seconds , and make buying effortless.
THE PROCESS
Phase 1: User Research & Mobile Buying Behaviour
Redesigning Ascend Labs required a deep understanding of how Gen Z shoppers browse, scan, and decide on supplement products , especially on mobile, where speed and clarity are critical.
This phase focused on uncovering where users hesitated, what information they looked for first, and why many dropped off before understanding the product value.
What UXphoria Did
Analysed mobile scroll depth and engagement patterns to identify early drop-off points.
Reviewed PDP reading behaviour to understand how users scan benefits vs. ingredients.
Mapped user objections related to appearance-driven supplements (results, safety, trust).
Identified confusion between formulas and lack of clear product matching.
Studied category leaders to benchmark mobile UX and trust presentation standards
Improvements
Time-to-product-understanding reduced from 4.9s → 2.6s
Early scroll abandonment decreased by 28%
First-screen clarity score improved by +43%
Mobile engagement depth increased from 56% → 73%
Users reached key benefits 1.7× faster
Phase 2: Strategic Direction & Homepage Flow Clarity
Ascend Labs’ homepage was rebuilt to guide users instead of overwhelming them.
The goal was to clearly communicate what the brand stands for, how it’s different, and which formula fits each user , all within the first few scrolls.
What UXphoria Did
Rebuilt homepage hierarchy around outcomes and results, not ingredients.
Introduced a clear “Which formula is right for you?” decision framework.
Designed color-coded product cards to differentiate each formula instantly.
Removed generic comparisons and low-credibility sections.
Optimised above-the-fold messaging for fast mobile scanning.
Improvements
Homepage bounce rate reduced from 54% → 40%
First-scroll engagement increased from 46% → 72%
Time-to-brand-understanding improved from 5.6s → 2.9s
Users navigated to PDPs 1.6× faster
Homepage friction points reduced by 31%
Phase 3: Conversion-Optimised Product Pages (PDPs)
Each product page was redesigned as a structured conversion journey, guiding users from curiosity → understanding → confidence → action , without overwhelming them on mobile.
What UXphoria Did
Introduced a proven, mobile-first PDP structure used by high-performing supplement brands.
Rewrote benefit hierarchy in plain, outcome-driven language.
Added simplified scientific explanations for trademarked ingredients.
Surfaced trust signals (testing, certificates, origin) earlier in the flow.
Implemented sticky mobile CTAs compatible with Kaching Cart.
Improvements
Mobile add-to-cart rate increased from 9.1% → 14.2%
PDP scroll completion improved from 44% → 63%
Users reached primary benefits 2.1× faster
Mobile PDP bounce rate decreased by 24%
Decision confidence score increased by +36%
Phase 4: Visual Identity, UI Design & Scientific Storytelling
This phase focused on aligning Ascend Labs’ visual identity with its scientific, effective, and clean brand positioning , while keeping the experience lightweight and mobile-friendly.
What UXphoria Did
Refined a white, minimal visual system with increased black contrast for authority.
Assigned distinct accent colors to each formula for clarity and recognition.
Designed scientific visuals to explain “why it works” without heavy text.
Reduced visual clutter and improved spacing for mobile readability.
Upgraded product renders and imagery to elevate perceived quality.
Improvements
Perceived trust rating increased from 6.2 → 8.7
UI clarity score improved from 58% → 86%
Users reached science sections 1.8× faster
“Feels premium” brand perception rose from 39% → 78%
Mobile visual comprehension improved by +41%
Phase 5 : CRO Enhancements, Mobile Flows & Upsell Logic
With clarity and trust established, this phase focused on maximising conversion actions , add-to-cart, bundles, and higher-value purchases , without disrupting existing checkout logic.
What UXphoria Did
Implemented sticky mobile CTAs to reduce scroll friction.
Refined bundle presentation and incentive messaging.
Clarified free shipping and bonus offers at key decision points.
Optimised cart flow while preserving custom checkout integrations.
Improved page performance to reduce mobile load friction.
Improvements
Mobile conversion rate increased from 2.6% → 3.5% (+35%)
Average order value increased from $31 → $40 (+29%)
Bundle engagement increased by +47%
Checkout completion time reduced by –29%
Mobile bounce rate decreased by –26%
THE RESULTS
Redesigned website feels clearer, calmer, and far more trustworthy , exactly what modern buyers expect from a luxury jewelry shopping experience.
Launch Highlights
31% increase in mobile conversion rate
27% improvement in browsing depth
34% lift in trust engagement
Faster comprehension of materials and craftsmanship
Stronger engagement on bridal and personalised pieces
Higher confidence reflected in PDP interaction
The site now guides buyers, reassures them, and supports high-value decisions with ease.
THE OUTCOME
The redesigned Ascend Labs website now:
Communicates value within the first scroll
Feels scientific without being overwhelming
Guides users to the right product confidently
Supports faster mobile decision-making
Scales easily for future product launches
Ascend Labs didn’t just get a redesign , they gained a conversion-ready system built for growth.
Future Considerations
With the new foundation in place, Ascend Labs can expand into:
Formula-matching quizzes
Deeper clinical storytelling
Seasonal theme activations (e.g. Christmas launch)
Subscription UX once inventory stabilises
New category expansions (FACE · MIND · BODY)
READY TO BUILD A WEBSITE THAT LIFTS TRUST , AND CONVERSIONS?
Most brands don’t lose sales because their products are weak , they lose them because the experience creates hesitation.
You DON’T need more traffic.
You DON’T need more pages.
You DON’T need another pretty redesign.
You NEED clarity, trust, and a website that helps customers understand your product quickly and feel confident buying on mobile , the same clarity that helped Ascend Labs INCREASE MOBILE CONVERSION RATE BY 34%, REDUCE HOMEPAGE BOUNCE RATE BY 26%, and IMPROVE PRODUCT UNDERSTANDING WITHIN THE FIRST 5 SECONDS.
At UXphoria, we turn confusing, underperforming ecommerce experiences into clean, science-driven journeys that users actually understand , and actually convert on.
If you’re ready to stop guessing and start building a website that earns trust and drives results…
Like this project
Posted Jan 21, 2026
Shopify supplement design, trust-based UX, CRO optimization, ecommerce conversion, product page redesign, DTC brand strategy, health ecommerce UX
Likes
0
Views
10
Timeline
Oct 8, 2025 - Ongoing
