How AYO Turned a Complex Health-Tech Product Into a Clear, Conversion-Driven Experience

How AYO Turned a Complex Health-Tech Product Into a Clear, Conversion-Driven Experience

How AYO Turned a Complex Health-Tech Product Into a Clear, Conversion-Driven Experience

CRO enhancements applied to mobile-first supplement store
CRO enhancements applied to mobile-first supplement store
CRO enhancements applied to mobile-first supplement store

Project Overview

Project: AYO Light Therapy Glasses Website Redesign

Platform: Responsive Web (Mobile-First)

Services: UX Strategy, Product Story Architecture, Health-Tech Trust Framework, UX/UI Design, CRO Optimisation, App + Hardware Value Integration

“Our product is backed by real science, but our website wasn’t explaining it clearly enough. The redesign helped us translate complex circadian science into something people instantly understand and trust.”

AYO Team

+35%

+35%

Increase in product page conversion rate

Increase in product page conversion rate

Increase in product page conversion rate

+28%

+28%

Lift in add-to-cart click-through

Lift in add-to-cart click-through

Boost in average order value

+33%

+33%

Reduction in bounce rate

Reduction in bounce rate

Reduction in bounce rate

Faster comprehension of product value within the first 7 seconds

Faster comprehension of product value within the first 7 seconds

Faster comprehension of product value within the first 7 seconds

Stronger perceived scientific credibility

Stronger perceived scientific credibility

Stronger perceived scientific credibility


Higher engagement with app-related features


Higher engagement with app-related features


Higher engagement with app-related features

The Client

AYO is a health-tech brand focused on improving:

  • Sleep quality

  • Energy levels

  • Mood balance

  • Circadian rhythm alignment

Their hero product, AYO Light Therapy Glasses, is a wearable light therapy device that emits safe, blue-enriched light (UV-free) to influence the body’s internal clock.

Unlike traditional light therapy lamps, AYO offers:

  • Hands-free wearable usage

  • Short, targeted daily sessions

  • A companion mobile app that personalizes light schedules based on user habits and circadian patterns

However, while the product was strong, the website struggled to communicate this value clearly.

Before the Redesign

Product felt “techy” but hard to understand

Too much scientific explanation too early

Benefits (sleep, energy, mood) weren’t connected to daily life

App value was under-communicated

Visitors questioned safety and effectiveness

Mobile users bounced before reaching clarity

AYO came to us with a clear problem::

“People are interested, but they don’t fully get it fast enough to commit.”

The Challenge

Health-tech conversion fails when clarity lags behind curiosity.

1. Circadian Science Is Hard to Explain Quickly

Most users aren’t familiar with:

  • Circadian rhythm

  • Light timing

  • Blue light therapy

Without simplification, the product felt complex and intimidating.

2. Wearables Require Strong Trust Signals

People won’t put a device on their face unless they trust:

  • Safety

  • Scientific validity

  • Long-term use benefits

The site didn’t build that trust fast enough.

3. Hardware + App Value Was Fragmented

The glasses and the app were explained separately.

Users didn’t immediately understand:

“Why does the app matter?”

4. Lifestyle Benefits Needed Clear Framing

Users cared about:

  • Sleeping better

  • Feeling less jet-lagged

  • Having more energy

But the website focused too much on how it works, not how it feels.

5. Mobile Attention Windows Were Extremely Short

Most traffic came from:

  • Mobile ads

  • Biohacking communities

  • Social media

The first 5–7 seconds decided everything.

The Solution

We rebuilt AYO’s website as a science-backed lifestyle transformation story.

Our goal was clear:

Make people feel the benefit first, then show them the science that makes it real.

The new experience delivers:

  • Instant clarity on what AYO does

  • Simple, human benefit framing

  • Visual explanations of circadian rhythm

  • Strong safety and credibility cues

  • Seamless hardware + app narrative

Every section answers one question:

“How will this fit into my daily life, and will it actually work?”

The Process

Phase 1: User Education & Decision Context Research

AYO users are curious, but cautious.

What UXphoria Did

  • Analysed user objections around safety and effectiveness

  • Studied competitor light therapy positioning

  • Mapped knowledge gaps in circadian science

  • Identified emotional triggers (fatigue, jet lag, poor sleep)

  • Segmented users:

    • High performers / biohackers

    • Sleep-deprived professionals

    • Frequent travelers

Website redesign case study for MDRN Remedies wellness brand
Website redesign case study for MDRN Remedies wellness brand
Website redesign case study for MDRN Remedies wellness brand

Improvements

  • First-screen understanding improved by 43%

  • Early bounce rate reduced from 47% → 31%

  • Time-to-value comprehension cut nearly in half

Website redesign case study for MDRN Remedies wellness brand
Website redesign case study for MDRN Remedies wellness brand
Website redesign case study for MDRN Remedies wellness brand

Phase 2: Product Story & Benefit Hierarchy

Complex products need simple stories.

What UXphoria Did

  • Reframed the product as:

“Daily light therapy, without changing your routine”

  • Structured benefits in a clear hierarchy:

    • Sleep

    • Energy

    • Mood

  • Connected circadian alignment to real-life outcomes

  • Reduced jargon in early sections

Ecommerce website redesign improving mobile conversion rate
Ecommerce website redesign improving mobile conversion rate
Ecommerce website redesign improving mobile conversion rate

Improvements

  • Scroll engagement increased by 1.7×

  • Benefit recall rate increased significantly

  • Fewer users skipped core sections

Ecommerce website redesign improving mobile conversion rate
Ecommerce website redesign improving mobile conversion rate
Ecommerce website redesign improving mobile conversion rate

Phase 3: Science Simplification & Trust Architecture

Science builds trust, if it’s understandable.

What UXphoria Did

  • Visualized circadian rhythm with simple diagrams

  • Explained blue light safety clearly (no UV, controlled exposure)

  • Added structured FAQs to reduce anxiety

  • Positioned AYO as evidence-based, not experimental

CRO case study showing 32 percent mobile conversion lift
CRO case study showing 32 percent mobile conversion lift
CRO case study showing 32 percent mobile conversion lift

Improvements

  • Trust perception score increased from 6.2 → 8.5

  • Safety-related exits reduced by 40%

  • Increased dwell time on science sections

Before and after website redesign for supplement brand
Before and after website redesign for supplement brand
Before and after website redesign for supplement brand

Phase 4: App + Hardware Value Integration

AYO isn’t just glasses. It’s a system.

What UXphoria Did

  • Integrated the app story directly into the product flow

  • Showed how personalization improves results

  • Framed the app as a guide, not a controller

  • Visualized daily usage in under 30 seconds

Mobile UX improvements applied to wellness ecommerce site
Mobile UX improvements applied to wellness ecommerce site
Mobile UX improvements applied to wellness ecommerce site

Improvements

  • App feature engagement increased by 52%

  • Product-system understanding improved significantly

  • Higher perceived long-term value

Product page optimization increasing subscription adoption
Product page optimization increasing subscription adoption
Product page optimization increasing subscription adoption

Phase 5: CRO, Mobile UX & Purchase Confidence

Confidence drives checkout.

What UXphoria Did

  • Simplified CTAs and reduced choice friction

  • Added reassurance near add-to-cart

  • Optimized mobile layouts for fast scanning

  • Reinforced ease of daily use (hands-free, short sessions)

Science-driven homepage redesign improving trust and clarity
Science-driven homepage redesign improving trust and clarity
Science-driven homepage redesign improving trust and clarity

Improvements

  • Mobile conversion rate increased by 37%

  • Add-to-cart rate increased by 28%

  • Checkout abandonment reduced noticeably

Conversion lift achieved through structured UX strategy
Conversion lift achieved through structured UX strategy
Conversion lift achieved through structured UX strategy

The Results

The redesigned website transformed complexity into confidence.

Launch Highlights

  • 35% increase in conversion rate

  • 28% lift in add-to-cart clicks

  • Lower bounce rates across all devices

  • Stronger trust in safety and science

  • Higher engagement with the app ecosystem

The site now guides buyers, reassures them, and supports high-value decisions with ease.

The Outcome

Today, AYO has a website that:

  • Explains advanced science simply

  • Builds trust before asking for commitment

  • Positions the product as a daily habit, not a gadget

  • Integrates hardware and software seamlessly

  • Scales with new features and audiences

This is no longer just a product page.

It’s a health-tech education and conversion engine.

Today, AYO has a website that:

  • Explains advanced science simply

  • Builds trust before asking for commitment

  • Positions the product as a daily habit, not a gadget

  • Integrates hardware and software seamlessly

  • Scales with new features and audiences

This is no longer just a product page.

It’s a health-tech education and conversion engine.

Future Considerations

To further enhance performance, AYO could explore:

  • Personalized onboarding quizzes

  • Jet lag / shift work use-case landing pages

  • In-app education previews on the website

  • Long-term habit tracking visuals

  • Subscription or content-based upsells

Ecommerce website redesign focused on AOV increase
Ecommerce website redesign focused on AOV increase
Ecommerce website redesign focused on AOV increase

READY TO TURN HEALTH-TECH COMPLEXITY INTO CLARITY?

Innovative products fail when people don’t understand them fast enough.

AYO didn’t simplify the product. They simplified the experience.

If you want a website that:

  • Builds trust in science

  • Converts curiosity into confidence

  • Scales with your health-tech product

Frequently Asked Questions

FAQ It Up!

We’ve gathered all the important info right here. Explore our FAQs and find the answers you need.

Do you only design, or do you also build?

We design and build. We handle the full process, strategy, UX/UI design, Shopify or no-code development (Webflow, Framer), and launch support. Everything is built with conversion structure in mind, not just aesthetics.

Is CRO included in every project?

Yes. Conversion thinking is not an add-on. Every layout, section, and interaction is built around decision-making psychology and user flow. Some projects go deeper into A/B testing and experimentation, but baseline CRO logic is always applied.

What budget should we expect?

Our projects typically range from: • $2,000 – $4,000 (Growth) • $4,000 – $8,000 (Scale) • $8,000 – $10,000+ (Elite Launch) The right tier depends on scope, ambition, and growth goals. We focus on long-term performance, not one-off quick fixes.

Do you guarantee conversion increases?

We do not promise specific percentages. What we guarantee is structured thinking, proven CRO frameworks, and data-informed decisions. Real performance depends on traffic quality, offer strength, and product-market fit.

How do you communicate during projects?

We work async-first. • Slack or email for communication • Structured updates • Loom walkthroughs • Strategic calls when necessary This keeps projects efficient and focused.

Do you work with small or early-stage brands?

We work best with brands investing in growth. If your priority is the cheapest possible build, we may not be the right fit. If your priority is building a scalable, conversion-focused digital foundation, we can help.

Frequently Asked Questions

FAQ It Up!

We’ve gathered all the important info right here. Explore our FAQs and find the answers you need.

Do you only design, or do you also build?

We design and build. We handle the full process, strategy, UX/UI design, Shopify or no-code development (Webflow, Framer), and launch support. Everything is built with conversion structure in mind, not just aesthetics.

Is CRO included in every project?

Yes. Conversion thinking is not an add-on. Every layout, section, and interaction is built around decision-making psychology and user flow. Some projects go deeper into A/B testing and experimentation, but baseline CRO logic is always applied.

What budget should we expect?

Our projects typically range from: • $2,000 – $4,000 (Growth) • $4,000 – $8,000 (Scale) • $8,000 – $10,000+ (Elite Launch) The right tier depends on scope, ambition, and growth goals. We focus on long-term performance, not one-off quick fixes.

Do you guarantee conversion increases?

We do not promise specific percentages. What we guarantee is structured thinking, proven CRO frameworks, and data-informed decisions. Real performance depends on traffic quality, offer strength, and product-market fit.

How do you communicate during projects?

We work async-first. • Slack or email for communication • Structured updates • Loom walkthroughs • Strategic calls when necessary This keeps projects efficient and focused.

Do you work with small or early-stage brands?

We work best with brands investing in growth. If your priority is the cheapest possible build, we may not be the right fit. If your priority is building a scalable, conversion-focused digital foundation, we can help.

Frequently Asked Questions

FAQ It Up!

We’ve gathered all the important info right here. Explore our FAQs and find the answers you need.

Do you only design, or do you also build?

We design and build. We handle the full process, strategy, UX/UI design, Shopify or no-code development (Webflow, Framer), and launch support. Everything is built with conversion structure in mind, not just aesthetics.

Is CRO included in every project?

Yes. Conversion thinking is not an add-on. Every layout, section, and interaction is built around decision-making psychology and user flow. Some projects go deeper into A/B testing and experimentation, but baseline CRO logic is always applied.

What budget should we expect?

Our projects typically range from: • $2,000 – $4,000 (Growth) • $4,000 – $8,000 (Scale) • $8,000 – $10,000+ (Elite Launch) The right tier depends on scope, ambition, and growth goals. We focus on long-term performance, not one-off quick fixes.

Do you guarantee conversion increases?

We do not promise specific percentages. What we guarantee is structured thinking, proven CRO frameworks, and data-informed decisions. Real performance depends on traffic quality, offer strength, and product-market fit.

How do you communicate during projects?

We work async-first. • Slack or email for communication • Structured updates • Loom walkthroughs • Strategic calls when necessary This keeps projects efficient and focused.

Do you work with small or early-stage brands?

We work best with brands investing in growth. If your priority is the cheapest possible build, we may not be the right fit. If your priority is building a scalable, conversion-focused digital foundation, we can help.

Ready To Improve Your Conversions?

Schedule a consultation to see how our experts can improve your funnels, tests, and revenue predictably.

Processes • Expectations • Investment • For founders serious about quality

Ready To Improve Your Conversions?

Schedule a consultation to see how our experts can improve your funnels, tests, and revenue predictably.

Processes • Expectations • Investment • For founders serious about quality

Ready To Improve Your Conversions?

Schedule a consultation to see how our experts can improve your funnels, tests, and revenue predictably.

Processes • Expectations • Investment • For founders serious about quality

Let's build ✨ Something great together

We want to make CRO accessible and show you quick, tangible wins. No upsells, no lock-in, just insights you can use right away.

Uxphoria UG (haftungsbeschränkt)

Friedrich-Ebert-Straße 39, 68167 Mannheim, Germany

Tel: 0621 1075 6087

Copyright © UXphoria. All rights reserved

Let's build ✨ Something great together

We want to make CRO accessible and show you quick, tangible wins. No upsells, no lock-in, just insights you can use right away.

Uxphoria UG (haftungsbeschränkt)

Friedrich-Ebert-Straße 39, 68167 Mannheim, Germany

Tel: 0621 1075 6087

Copyright © UXphoria. All rights reserved

Let's build ✨ Something great together

We want to make CRO accessible and show you quick, tangible wins. No upsells, no lock-in, just insights you can use right away.

Uxphoria UG (haftungsbeschränkt)

Friedrich-Ebert-Straße 39, 68167 Mannheim, Germany

Tel: 0621 1075 6087

Copyright © UXphoria. All rights reserved