VitalSleep CRO Case Study | DataVinci and Growth
DataVinci and Growth · CRO Case Study

Same Device. Same Science. 140% More Revenue.

A two-month full-page redesign for VitalSleep a USA-made anti-snoring mouthpiece brand selling direct-to-consumer on Shopify. A complete overhaul of the product page and homepage, tested against the original. A sustained 140% lift in conversion rate.

+0
CVR Lift
0
Pages Redesigned
0
Folds Rebuilt
0
Months
Looking for CRO? Choose The Bloody Best.Book A Free Audit With Us.
Let's Go! →
The Client

Made in America.
Losing Sales to a Broken Page.

VitalSleep is an American-made anti-snoring mouthpiece brand, designed and manufactured in the USA, cleared by the FDA, and sold direct-to-consumer. The device is custom-fitted, clinically backed, and comes with a 60-day money-back guarantee a product with every commercial advantage built in.

The problem wasn't the product. Their paid social campaigns on Meta were already converting emotionally running couple-focused creatives that spoke to the relationship damage snoring causes. But the page those ads drove traffic to told a completely different story: features, specs, and clinical language where there should have been empathy, proof, and a clear path to purchase.

"Our ads were doing the emotional work and the page was undoing it. Within the first week of the new design we could see the difference in the data."

VitalSleep
Day Zero Numbers

Where the store stood
before we started.

The numbers weren't catastrophic but for a brand with strong ad spend, a clinically proven product, and a 60-day guarantee, they reflected an enormous gap between what the brand had to offer and what the page was communicating.

Sitewide CVR
0%
PDP → Add to Cart
0%
Mobile Bounce Rate
0%
Homepage → PDP CTR
0%
How DataVinci Works

Four stages.
In order. Always.

01 / Research
Research & Analysis

Heatmaps, session recordings, funnel analysis, ad creative audit, exit surveys, and review mining. The ad creative audit was decisive it showed exactly what the audience expected to find on the page and didn't.

02 / Gaps
Gap Analysis

For VitalSleep, gaps weren't product problems. They were message-match failures the page spoke a completely different language to the ad creative that sent the visitor there.

03 / Design
Full Page Redesign

Both pages rebuilt fold-by-fold with a clear conversion architecture: emotional alignment at the top, mechanism education in the middle, objection removal and proof at the bottom.

04 / Test
New Design vs Original

Full A/B test new design against the original. Minimum 2-week run. 95% statistical significance required. Results tracked at session, page, and checkout level.

Research Findings

Three things the data
kept telling us.

01
The ad spoke about relationships. The page spoke about product features. They were in different conversations.

Meta ad creative audit revealed every high-performing ad led with the emotional consequence of snoring a partner sleeping in another room, exhausted mornings, relationship strain. Visitors landing from those ads hit a page that opened with mouthpiece dimensions, materials, and clinical clearance text. The ad had already made an emotional sale the page immediately cancelled it. The first 8 seconds were spent re-establishing the basic premise the ad had already won.

02
Visitors needed to understand how the device worked before they'd trust that it worked.

Session recording analysis showed a consistent pattern: visitors who converted almost always spent time in the lower folds looking for mechanism explanation how the mouthpiece physically stops snoring, what it does to the airway. The original page offered no explanation of the root cause or the mechanism. Visitors who didn't find it left. The product's science was its strongest argument and it was invisible.

03
The 60-day guarantee the most powerful purchase-risk remover on the page appeared once, in the footer.

Exit survey analysis showed purchase hesitation centred on one concern: "What if it doesn't work for me?" VitalSleep had a 60-day, no-questions-asked money-back guarantee an unusually strong offer in this category. It appeared once in small footer text. The single most effective answer to the visitor's primary objection was being systematically hidden from everyone who read the page.

Gap Analysis

Every gap fell into
one of three categories.

❤ Message Gaps
Ad emotional angle (relationship impact) not matched on the PDP visitors arrived primed for empathy and got a spec sheet
No couple imagery on the product page the ad's central visual language was absent from the closing page
60-day guarantee mentioned once in the footer the strongest risk-removal argument was invisible at every decision point
⬡ Education Gaps
No explanation of what causes snoring visitors had no framework to evaluate why the product would solve their specific problem
No mechanism section the physical action of the device was never explained, forcing visitors to take the product's efficacy on faith
No "how to use" content first-time buyers had no confidence the product was easy to fit and use, a common purchase barrier for mouthpieces
✦ Proof Gaps
UGC video content used in Meta ads proving the product worked in real life had no presence on the product page
No competitor comparison visitors considering alternatives had no on-page argument for why VitalSleep was the right choice
FAQ buried at the bottom purchase-blocking questions (size fit, sleep position, cleaning) had no visible answers near the buy decision
01
Product Page Redesign · 9 Folds
PDP Full Conversion Architecture Rebuild
Align with the ad's emotional argument at the top, educate through the middle, remove every remaining objection before the bottom.
9 Folds Redesigned
PDP · Top FoldFOLD 01
The original top fold opened with a product image and a feature list. Visitors arriving from couple-focused Meta ads ads about partners being kept awake, about sleeping in separate rooms, about snoring destroying rest were greeted with "Adjustable Mandibular Advancement Device." The entire emotional context of the ad evaporated on contact with the page.
Couple-focused messaging, benefit-led copy, ad-aligned imagery, and testimonial near the CTA with FAQ prioritised to the second fold
The top fold was rebuilt around the ad creative's emotional frame: couple imagery introduced into the product image slider alongside product shots; headline copy rewritten from feature-focused ("Adjustable fit, boil-and-bite moulding") to benefit- and relationship-focused ("Wake up next to someone who slept"); a pinned couple testimonial placed directly adjacent to the Add to Cart button; and the page's most conversion-critical FAQ answers moved immediately below the buy box where visitors with purchase-blocking questions could find them without scrolling.
The ad makes an emotional promise. The visitor arrives expecting the page to honour it. When the page speaks a completely different language clinical instead of human, features instead of feelings the visitor experiences a psychological gear-change that costs trust. Message match in the top fold isn't a copywriting preference. It's conversion infrastructure.
+89%
CVR on paid social traffic vs original designBounce rate −34% · ATC rate +71% on Meta traffic
PDP Top Fold
PDP · Second FoldFOLD 02
VitalSleep had a library of high-performing UGC video content running across their Meta ad campaigns real customers showing their device, talking about their results, describing nights of uninterrupted sleep. This content was proven to convert in the ad environment. It did not exist anywhere on the product page. The most persuasive proof the brand had was being used to acquire visitors and then completely withdrawn from the page that was supposed to close them.
Repurpose Meta Ads UGC content into a 16:9 video carousel in the second fold
The brand's top-performing UGC ad creatives were reformatted into 16:9 clips and placed in a horizontal video carousel directly below the buy box the second thing a visitor sees after the hero fold. Six videos, each 20–40 seconds, showing real customers using the device and describing specific outcomes: better sleep, partners back in the same room, mornings with actual energy. No scripted testimonials. No studio production. The same raw, credible content that was already converting in the ad feed.
You've already paid to produce UGC that converts. You've already paid to drive a visitor to your page. Withholding the content that convinced them to click from the page that needs to close them is one of the most common and most expensive mistakes in DTC. The video carousel didn't add new proof. It brought existing proof to where it was needed.
+44%
CVR for video-engaged visitors vs non-engagedAverage session duration +68s · Scroll depth +41%
PDP UGC Carousel
PDP · Third & Fourth FoldFOLDS 03–04
The original product page offered no explanation of why snoring happens or how the device stops it. Visitors were asked to believe a mouthpiece would solve a problem they only partially understood. Session recordings showed a consistent pattern: visitors who didn't find mechanism explanation left even those who had engaged with the top fold and scrolled to seek it. The product's science was its most credible argument. It was nowhere on the page.
Dedicated folds explaining what causes snoring and how VitalSleep's mechanism addresses the root cause
Two sequential content folds were built for mechanism education. Fold 3 addressed the root cause: a visually led explanation of how airway obstruction during sleep causes snoring diagrams, clean iconography, and plain-language copy that made a medical concept immediately understandable for a non-medical audience. Fold 4 explained VitalSleep's response: how the mandibular advancement mechanism holds the jaw forward, keeps the airway open, and prevents the vibration that causes snoring illustrated step-by-step with the device shown in position. USA-made manufacturing and FDA clearance were woven through both folds as credibility signals.
A visitor who understands why snoring happens is far more equipped to believe your product will stop it. Mechanism education doesn't just inform it converts. It transforms the product from "a mouthpiece someone says works" into "a device engineered to solve the specific physical cause of my problem." The science was the sale. It just needed to be on the page.
+38%
Checkout rate for visitors who scrolled through mechanism foldsExit rate at fold 3–4 −28% vs original page
PDP Mechanism Folds
PDP · Fifth FoldFOLD 05
A custom-fitted mouthpiece is an unusual product for most buyers. "How do I actually fit this? How do I clean it? What if my jaw hurts?" were consistently among the top pre-purchase support queries. None of these questions had visible answers on the original product page. Visitors with practical concerns about using the product were leaving to find answers elsewhere and not coming back.
A dedicated "How to Use" fold with a step-by-step video and visual image guide
A full how-to-use section was built as the fifth fold anchored by a clear, friendly instructional video walking through the boil-and-bite fitting process and nightly use, followed by a 5-step visual image guide with photographs of each stage. Cleaning instructions, storage guidance, and the adjustment process were covered concisely. The tone was practical and reassuring designed to eliminate the "this seems complicated" objection before it could become a reason not to buy.
Ease of use is a purchase barrier that almost never gets asked out loud but almost always exists. When someone is buying a product that goes in their mouth while they sleep, the implicit question is: "Is this going to be a hassle?" Showing the process in full visually, step by step answers that question faster and more convincingly than any copy could. The how-to section removed the "effort cost" from the purchase calculation.
−31%
Pre-purchase support contacts about fitting and useATC rate +22% for visitors who engaged with how-to section
PDP How To Use
PDP · Folds 6–9FOLDS 06–09
Visitors who reached the lower half of the page having passed through top fold, video proof, mechanism education, and how-to content were close to buying. The original page at this point gave them a review section and ended. There was no comparison to alternatives, no structured feature breakdown, no repeated purchase option, and no prominent guarantee for those who were almost convinced but not quite.
Alternatives comparison, visual feature explainer, reviews, repeated hero fold, and a dedicated 60-day guarantee close
Four folds completed the lower page architecture. Fold 6 was a direct comparison table VitalSleep vs chin straps, vs nasal strips, vs CPAP machines addressing the alternatives visitors were genuinely considering and making the case for the device on every relevant dimension. Fold 7 was a visual feature breakdown: every key specification explained with benefit-first language and icons, not a bullet list. Fold 8 was the review section. Then, critically, the page didn't stop at reviews. Fold 9 repeated the top fold's core offer and CTA giving visitors who reached the bottom a second clean purchase opportunity followed immediately by a dedicated section for the 60-day money-back guarantee, expanded from footer text into a prominent, confidence-building page element with the full terms stated clearly.
People who scroll to the bottom of a product page are not bored. They are almost buying. They are looking for the last piece of evidence or reassurance that tips them. Ending the page at reviews leaves that group with no action to take. Repeating the CTA and leading with the guarantee at the bottom of the page converts the visitors who needed the whole argument before they were ready to commit.
+62%
CVR for visitors who scrolled past 70% of page depthBottom-fold CTA accounted for 18% of all conversions
PDP Lower Folds
Looking for CRO? Choose The Bloody Best.Book A Free Audit With Us.
Let's Go! →
02
Homepage Redesign · 6 Folds
Homepage Single-Product AIDA Architecture
One product. One job. Build awareness, interest, desire, and action in a single scrollable page with Made in America woven through every fold.
6 Folds Redesigned
Homepage · Top FoldFOLD 01
VitalSleep sells one product. Their homepage was structured like a brand with a full catalogue a hero image, a navigation menu to multiple product lines, and copy that didn't commit to a single conversion goal. For a single-product DTC brand, a homepage that doesn't function as a product page is a wasted entry point for every visitor who lands there first.
Full-screen product video background with AIDA-structured copy, mixing features and benefits, leading with Made in America
The homepage top fold was rebuilt as a product hero a full-screen looping video of the VitalSleep device in a bedroom context as the background, with a headline architecture built on AIDA principles: a punchy, benefit-led opening line that named the problem and promised the solution, followed by three proof points mixing feature and benefit language, and a primary CTA to the product page. "Made in the USA" appeared in the headline and was reinforced in the subtext the first of several places across the homepage where American manufacture was highlighted as a trust and quality signal. The fold was designed to tell visitors immediately: one product, one promise, one clear next step.
A single-product brand's homepage is a product page in disguise. When VitalSleep's visitors arrive on the homepage, they are not browsing they are evaluating. The video background created immediate context. The AIDA structure gave them a reason to care, a reason to believe, and a reason to act in the time it takes to read three lines.
+93%
Homepage → PDP CTR vs original designNew visitor bounce rate −29% · Time on homepage +41s
Homepage Top Fold
Homepage · Second FoldFOLD 02
The homepage's second fold in the original design showed more product images. Visitors who had just seen a product in the hero and then seen the same product again had no new reason to scroll and certainly no educational reason to care. The brand's strongest conversion argument the mechanism story was absent from the page that received the most new visitor traffic.
Repurposed PDP videos explaining what causes snoring and how VitalSleep solves the root cause
The mechanism videos produced for the PDP were repurposed directly into the homepage second fold two short, clean explainer videos: one on what physically causes snoring, one on how VitalSleep's mandibular advancement mechanism eliminates it. The fold was framed with a section header that asked the question most visitors were silently asking: "Why does snoring happen and why isn't ignoring it working?" The videos answered it. This fold placed root-cause education and brand-specific solution directly in the homepage flow, before visitors had committed to clicking to the product page.
Homepage visitors haven't decided to buy yet. They're deciding whether to learn more. Educational content that answers an implicit question they're already carrying creates engagement that passive product photography can't. The mechanism videos on the homepage weren't borrowed from the PDP they were deployed as the most efficient way to convert a curious visitor into a motivated one.
+48%
Homepage → PDP CTR for visitors who engaged with videoScroll depth past fold 2: 29% → 61%
Homepage Root Cause Fold
Homepage · Folds 3–6FOLDS 03–06
Below fold 2, the original homepage had no structured argument no Made in America story, no competitive differentiation, no FAQ, and no guarantee. Visitors who scrolled past the hero and the basic product imagery found nothing that advanced their decision. The lower homepage was inert.
Made in America trust section, product differentiation, FAQs, and guarantee building the case fold-by-fold to the final CTA
Four lower folds completed the homepage conversion architecture. Fold 3 was a dedicated "Made in America" section full-width, visually proud, explaining what US manufacturing meant for quality control, FDA oversight, and supply chain reliability with the shipping and returns guarantee stated alongside it. Fold 4 explained how VitalSleep worked mechanically, in simpler language than the PDP version, designed for awareness-stage visitors still deciding whether to investigate further. Fold 5 was a "Why VitalSleep" differentiation block comparing the brand's approach to generic alternatives with specificity, not vague marketing claims. Fold 6 closed with a combined FAQ and 60-day guarantee section the most common objections answered directly, the guarantee restated prominently, and a final CTA that asked for nothing more than a click to the product page.
A homepage for a single-product brand isn't a catalogue it's a funnel. Every fold should move the visitor one step closer to the product page. The lower homepage folds didn't try to sell the product. They built the case for why the product deserved to be investigated and made it easy to take the next step at exactly the moment the visitor was ready to.
+71%
Overall homepage → PDP conversion rate vs originalHomepage session duration +62s · Direct CVR from homepage +38%
Homepage Lower Folds
Looking for CRO? Choose The Bloody Best.Book A Free Audit With Us.
Let's Go! →
Where Things Ended
Sitewide CVR
2.88%
+140% from 1.2%
PDP → Add to Cart
19.2%
+174% from 7.0%
Mobile Bounce Rate
41%
−40% from 68%
Homepage → PDP CTR
58%
+93% from 30%
Looking for CRO? Choose The Bloody Best.Book A Free Audit With Us.
Let's Go! →
The Results

Two pages rebuilt.
A 140% lift measured against the original.

Sitewide CVR Week by Week Post-Launch
1.0% 1.6% 2.2% 2.8% Pre-Launch Week 2 Month 1 End Week 6 Month 2 End
Five redesign elements drove the majority of the total lift
Revenue per Session
+148%
$1.44 → $3.57
Return Visitor Rate
+19%
Brand engagement uplift
Avg. Session Duration
+82s
Deeper page engagement
Pre-Purchase Contacts
−38%
Objections resolved on-page
What We Cut in the Design Process

Three ideas that didn't make
the final design. For good reason.

Every design decision has a graveyard of rejected alternatives. These are ours and why the cut was right.

A symptom-checker quiz in the homepage hero

Early design concepts explored a "What type of snorer are you?" quiz as the homepage entry point diagnostic, interactive, and potentially high-engagement. Cut before development.

Why we cut it

VitalSleep's visitors already know they snore. They don't need diagnosis they need a solution they believe in. A quiz would have slowed down visitors who arrived with intent, creating friction at exactly the wrong moment. Education, not interrogation.

Subscription upsell in the top fold buy box

A three-option buy box one-time, single device, bundle was considered for the top fold to increase AOV alongside conversion. Cut at the wireframe stage.

Why we cut it

Introducing a multi-option purchase decision at the top of a page that a first-time visitor is still evaluating creates choice paralysis before the primary conversion. AOV optimisation belongs after the first purchase decision is made not before it.

Separate landing pages per ad angle

Creating dedicated landing pages for each Meta ad creative angle couples, sleep quality, energy, relationships was considered as a more granular message-match solution. Scoped and deprioritised.

Why we cut it

The operational overhead of maintaining 6+ landing pages with consistent updates was unjustifiable at this stage. The redesigned PDP with a dynamic top fold achieved the majority of the message-match benefit from a single, maintainable page the right trade-off for the brand's current scale.

What This Engagement Confirmed

Three principles that held
across every design decision.

I
Message match isn't copywriting it's conversion infrastructure.

The single biggest lever in this engagement wasn't a feature addition or a layout trick it was alignment. The ad spoke about relationships. The page now speaks about relationships. The ad showed couples. The page now shows couples. The visitor's journey is continuous, not interrupted. Message match doesn't change the product or the offer. It removes the psychological gear-change that was costing trust and sales at the moment the visitor arrived.

II
For health products, mechanism education converts better than social proof alone.

Reviews tell a visitor that a product worked for someone else. Mechanism education tells them why it will work for them. For VitalSleep, the visitor's primary objection wasn't "does this exist?" or "is it popular?" it was "will this specifically solve my specific problem?" The mechanism and root-cause folds answered that question in a way that no volume of five-star reviews could. Health purchases require the buyer to believe in the science, not just the sentiment.

III
A guarantee only converts when it's visible at every decision point.

VitalSleep's 60-day money-back guarantee was one of the strongest purchase-risk removers in the anti-snoring category. It appeared once, in the footer. Moving it to the buy box, to the bottom-page fold, and to the homepage close wasn't adding new content it was deploying an existing argument in every place it could do work. The guarantee didn't change. The number of times visitors saw it went from one to four. The purchase hesitation it was designed to address dropped proportionally.

Client Review
"Our ads were doing the emotional work and the page was undoing it. DataVinci saw that in the first week. The redesign didn't just improve the numbers it made the whole brand feel coherent for the first time."
VS
VitalSleep Team
VitalSleep · Anti-Snoring Devices, USA
The Outcome

140% More Conversions.
Same Device. Same Science.

15
Folds Rebuilt
2
Pages Redesigned
2mo
Engagement
140%
CVR Lift

Every fold was built to do one job. Together they built a page that matched the ad, told the story, taught the science, and removed the doubt.

Looking for CRO? Choose The Bloody Best. Book A Free Audit With Us.
Let's Go! →
DataVinci and Growth · Research-led. Experiment-driven.
Let's Transform Your Shopify Store to a Super Shopify Store
Book a Free Audit →
Super Shopify
Scroll to Top