Home/Projects/Drop Pillow
Case Study · Sensory wellness · Kickstarter-backed

Drop Pillow

A one-page store, rebuilt into a storefront that explains the pillow.

Drop Pillow is a sensory pillow — two foam side cushions that hold the head with gentle pressure, and speakers by the ears — backed by 672 people on Kickstarter. It sold from a stock Dawn store that was effectively one page: “How it works”, “Our Story” and “Mental Health Pledge” were anchors into the homepage, three of the four nav links pointed at the raw myshopify domain, the product page was three photos and a paragraph, and one of the pillow's best answers — nobody else hears the sound — sat inside an FAQ reply. We kept the brand exactly as the founder built it — logo, photography, palette and fonts — and rebuilt the store around it on a custom Shopline theme: a buy box that sells the bundles, a product page that answers the questions in order, and fifteen content pages that didn't exist.

Track
Glow-Up+ Platform → Shopline
Stage
In build on Shopline
Before
Shopify (Dawn) + Klaviyo, Trustpilot, Shop app
After
Shopline · custom theme
Scope
Storefront redesign within the existing brandCustom Shopline themeContent rebuild · 15 pagesBundle buy box and product storyCRO / UX audit
Package
Glow-Up + 3.0 Theme · $1,799
Status
Built on Shopline · Pre-launch
Audited
8 Oct 2026 · desktop 1440 / mobile 390 · Lighthouse 12.8
Where this project stands today. The custom theme has been the published theme on the Shopline store since 22 September, behind the storefront password; droppillow.com still serves the Shopify site. Built and live on the theme: homepage, shop, the product page with a three-tier bundle buy box, accessory pages, a cart drawer, and fifteen content pages — How it works, Our story, Reviews, Mental Health Pledge, four use-case pages, Professionals, Bundles, FAQ, Welcome, Contact, Shipping & returns and Accessibility. Before launch: shipping, tax and the discount code set up in the store admin, the Professionals and contact forms connected, the accessibility statement's bracketed dates filled in, and an end-to-end test order. Every screenshot below is labelled with its source.
Homepage · first screen
droppillow.com — the first screen on desktop: the logo over the hero film, and a nav whose links jump down this same page New Shopline storefront — the same film and logo, now with the brand's line as the H1, one Buy Now, and the shipping threshold and Kickstarter proof in the bar above
Before After
Before — droppillow.com — the first screen on desktop: the logo over the hero film, and a nav whose links jump down this same pageAfter — New Shopline storefront — the same film and logo, now with the brand's line as the H1, one Buy Now, and the shipping threshold and Kickstarter proof in the bar above
Measured, Not Estimated

The Numbers That Moved

3→15

Content pages. Welcome, FAQ and Contact — plus How it works, Our story, Reviews, the Pledge, four use-case pages, Professionals, Bundles, Shipping & returns and Accessibility.

24 MB→1.6 MB

Homepage weight on mobile (Lighthouse). The old homepage autoplays two 1080p videos of 12.1 and 9.4 MB on load.

63→80

Lighthouse Performance, mobile homepage. On desktop both stores score 95 — the old store was already fast there; the gain is on phones.

10→4

Third-party hosts on the homepage. Klaviyo, Facebook, Shop app and three Trustpilot hosts — on a page that shows no Trustpilot reviews — down to Google Fonts, Stripe, Cloudflare Insights and our build-review widget.

CRO / UX Audit

The Audit at a Glance

Nine dimensions, scored 0–10 from what we measured and clicked through. “After” is the Shopline storefront as it stands today behind the storefront password — including the items still on the punch list. Desktop speed is scored as a tie: the old store was already fast there.

DimensionBeforeAfterWhat we measured
First impression & focusWhat loads, what's covered, what to click
5
9
Before: a strong hero film and the logo, but on desktop nothing else to read in the first screen, no H1 on the page, and the brand line below the fold. On phones the founder preferred his old hero's clean look — it is a good photograph. After: the same film and logo with “A weighted blanket for your brain.” as the one H1, the promise under it (gentle pressure around your head, calming sound by your ears), one Buy Now, and an announcement bar with free US shipping over $175 and the Kickstarter proof.
Navigation & IACan a customer always keep browsing?
2
9
Before: four nav links, all anchors into the homepage, three of them on the raw drop-pillow.myshopify.com domain; /pages/our-story, /how-it-works, /mental-health-pledge and /reviews return 404; the footer's “Terms of Use | Privacy Policy” opens a data-sharing opt-out page. After: Shop Our Store, How It Works and Why People Drop as dropdowns, Our Story, Mental Health Pledge, a Buy Now button, and a 26-link footer.
Merchandising & discoverySelling the pillow first, and the bundles as bundles
3
9
Before: six products sorted A–Z, so the 3D Eye Mask comes first and The Drop Pillow last; Shopify's vendor labels on the cards; the LUX Package one tile among six with no saving stated. After: “Everything we make” leads with the pillow and bundles — Essential $149, LUX $179 ($193 value, save $14), 2-Pack $269 (save $29) — then covers and accessories, with collection pages behind them.
Product page conversionThe buy box and what supports it
3
9
Before: the stock Dawn page — three photos, a paragraph, Add to cart and Shop Pay; no specifications (battery life isn't mentioned), no reviews, no shipping line; the only risk message is “used pillows may not be returned”. After: one product with a three-tier bundle picker, 672 backers · over $80,000 raised under the button, free US shipping over $175 and ships within 2 business days, then story bands that answer the questions in order — how it feels, four steps, quiet for everyone else, the full specifications, a comparison, and a pre-purchase FAQ.
Trust & social proofReasons to believe, close to the buy button
4
8
Before: three real testimonials in a homepage carousel and one Kickstarter mention; Trustpilot scripts load but show nothing. After: a Reviews page in reviewers' own words, filtered by why they bought — stars only where the reviewer gave a rating, no aggregate score — the founder's story, the Kickstarter numbers by the button, and the Mental Health Pledge as its own page. No reviews platform yet, which caps the score.
Mobile experience390px, thumbs, load time
5
8
Before: a clean mobile hero, but 24 MB to load the homepage on a phone, Lighthouse Performance 60–63 on mobile and LCP of 7.7–10.2 s. After: 1.6 MB, Performance 79–80 on the mobile homepage and 78 on the product page, LCP 4.4–4.8 s, almost no blocking time, pinch-zoom allowed, a hero rebuilt to fill the screen in Safari. The shop page is no faster than before (61–77) and mobile LCP is still above 2.5 s — both on the punch list.
Brand consistencyThe founder's brand, applied everywhere
6
9
Before: the right logo, palette and photography on a stock Dawn layout with app-styled widgets. After: the founder's design guideline applied on every page — Charcoal, Sage and Sage Light, natural-light photography of people at rest, Georgia headings and Montserrat body at the founder's request — plus one darker Sage for buttons, because white on Sage measures 1.6:1.
Speed & technical healthWeight, third parties, Core Web Vitals
5
8
Before: fast on desktop (Performance 95–100) but 24 MB homepages, 10 third-party hosts, third-party cookies, no meta description, Best Practices 78–79. After: 1.6–2.0 MB homepage, 4 hosts, no third-party cookies, Best Practices 100 on every page; desktop Performance level at 95 on the homepage, but 87 on the shop page (old: 97) because its first product photo is lazy-loaded. The homepage still has no meta description — punch list.
AccessibilityLighthouse a11y + manual checks
8
8
Before: 91–97 — contrast, images without alt text, an unlabelled field. After: 93 on the homepage and shop, 87–91 on the product page — every image has an alt attribute and zoom is allowed, but the review quotes and names on Sage fail contrast in 19 places on the homepage, and the Accessibility page still carries bracketed placeholders.
OverallMean of 9 dimensions
4.6
8.6
4.0 points of measured improvement across the whole customer journey.
01 · Homepage

The Same Film, Now With Something to Say

The founder's hero film is the best asset the brand has, and we kept it. What the old homepage lacked was everything around it: on desktop the first screen was the logo and a nav that jumped down the same page, and the brand's own line sat below the fold. The new homepage keeps the film and the logo, and opens with the sentence, the promise and one button.

Before

  • Desktop first screen: the logo over the hero film and nothing else to read; no H1 on the page, and the brand line appears below the fold.
  • Nav items “How it works”, “Our Story” and “Mental Health Pledge” are anchors into this same page — three of the four on the raw drop-pillow.myshopify.com domain.
  • Product cards carry Shopify's vendor labels (“Vendor: PILLOW ACCESSORIES”); three real testimonials in a carousel.
  • 24 MB to load — two 1080p videos of 12.1 and 9.4 MB autoplay — 293 requests and 10 third-party hosts, including three Trustpilot scripts with no reviews on the page.

After

  • One H1: “A weighted blanket for your brain.” — then the promise: gentle pressure around your head, calming sound right by your ears — and one Buy Now.
  • Announcement bar: free US shipping on orders over $175 · Kickstarter-backed 2025 · Our pledge.
  • In order: what it is → What brings you here? (four reasons people buy) → Four Steps to Drop → Everything we make → testimonials in reviewers' words → the founder's story → Nestle in. Press play. Drop.
  • 1.6 MB on mobile, 105 requests, 4 third-party hosts; Lighthouse Performance 79–80 mobile (old: 62–63), Best Practices 100.
Full-page captures · scroll inside each frame · click to zoom
Beforedroppillow.com
droppillow.com
Before — droppillow.com
Scroll · click to zoom

Scroll-reveal animations switched off for the full-page capture so every section shows.

Afterdroppillow.myshopline.com
droppillow.myshopline.com
After — droppillow.myshopline.com
Scroll · click to zoom

Published theme behind the storefront password.

02 · Shop

The Pillow First, the Bundles as Bundles

The old shop listed six products alphabetically, which put an eye mask first and the pillow last, and showed the LUX Package as one more tile with no saving stated. The new shop page leads with the pillow and its three bundles, priced against what they replace, and puts covers and accessories after them.

Before

  • “Products” sorted A–Z: 3D Eye Mask, Extra Cotton Blend Pillow Cover, Ice Blue Cooling Pillowcase, LUX Package, Pillow Storage Bag — and The Drop Pillow last.
  • The LUX Package is one tile among six, $179 with no saving shown; the H1 reads “Collection: Products”.
  • Shopify's default availability and price filters for six products.

After

  • “Everything we make” in two groups: the pillow and bundles first, then covers and accessories.
  • Bundles priced as bundles: Essential $149 · LUX $179 ($193 value, save $14) · 2-Pack $269 ($298 value, save $29).
  • Collection pages for bundles, covers and accessories behind it, all in the Shop Our Store dropdown with prices beside each item.
  • Lighthouse Performance 61–77 mobile across two runs (old: 62–63) and 87 desktop (old: 97) — the first product photo is lazy-loaded, the fix is on the punch list.
Full-page captures · scroll inside each frame · click to zoom
Beforedroppillow.com/collections/all
droppillow.com/collections/all
Before — droppillow.com/collections/all
Scroll · click to zoom

Alphabetical — the pillow is the sixth tile.

Afterdroppillow.myshopline.com/pages/shop
droppillow.myshopline.com/pages/shop
After — droppillow.myshopline.com/pages/shop
Scroll · click to zoom

Pillow and bundles first, then covers and accessories.

03 · Product Page

From Three Photos and a Paragraph to the Answers

A $149 pillow with speakers raises questions before anyone pays: what's in it, how long the battery lasts, whether a partner will hear it, what happens if it doesn't suit. The old page answered none of them. The new one sells three bundles in the buy box and answers the questions in the order people ask them.

Before

  • Stock Dawn product page: three photos, a paragraph, quantity, Add to cart and Shop Pay.
  • No specifications — battery life isn't mentioned — no reviews and no shipping line; the only message about risk is “used pillows may not be returned”.
  • The LUX Package is a separate product with its own page.

After

  • Choose your bundle in the buy box: Essential $149, LUX Package (recommended, save $14), 2-Pack (save $29) — one product, three tiers.
  • Under the button: 672 Kickstarter backers · over $80,000 raised; free US shipping on orders over $175, typically ships within 2 business days, and a link to the returns policy.
  • Story bands in order: how it feels → Four Steps to Drop → “Immersive for you. Quiet for everyone else.” → four reasons people reach for it → what people tell us → every number we have → Not a pillow. Not headphones. Not a blanket. → Before you buy.
  • 1.6 MB; Lighthouse Performance 78 mobile (old: 60) and 96 desktop (old: 100), Best Practices 100.
Full-page captures · scroll inside each frame · click to zoom
Beforedroppillow.com/products/the-drop-pillow
droppillow.com/products/the-drop-pillow
Before — droppillow.com/products/the-drop-pillow
Scroll · click to zoom

Three photos, one paragraph.

Afterdroppillow.myshopline.com/products/drop-pillow
droppillow.myshopline.com/products/drop-pillow
After — droppillow.myshopline.com/products/drop-pillow
Scroll · click to zoom

Bundle buy box, then the product story.

04 · Content Pages

From Three Pages to Fifteen

On the old site the story, the how-it-works and the pledge lived only as homepage sections — their own URLs return 404 — and the only pages were Welcome, FAQ and Contact. The new store gives each question a page, and gives each reason people buy a page too, including one for the clinics, schools and studios that had no way in.

Before

  • Three pages: Welcome (the setup video), FAQ and Contact; the footer's “Terms of Use | Privacy Policy” link opens a data-sharing opt-out page.
  • Story, how it works and pledge exist only as homepage sections; no reviews page, no page for professionals.
  • One of the pillow's best answers — anyone not using it won't hear any sound — is a single sentence inside an FAQ reply.

After

  • How it works — “Gentle pressure and immersive sound, working together.” — with the four steps, the materials, “Immersive for you. Quiet for everyone else.” and setup.
  • Our story from the founder, Reviews in reviewers' own words, and the Mental Health Pledge as a page of its own.
  • Four use-case pages — Quiet a Racing Mind, Meditation, Sensory Regulation, Relax & Unwind — and Professionals for clinics, schools and studios, with a quote request.
  • FAQ “answered by Whit”, Welcome, Contact, Bundles, Shipping & returns and Accessibility.
Full-page captures · scroll inside each frame · click to zoom
Beforedroppillow.com/pages/faq
droppillow.com/pages/faq
Before — droppillow.com/pages/faq
Scroll · click to zoom

The FAQ — one of the three pages the old site had.

Afterdroppillow.myshopline.com/pages/how-it-works
droppillow.myshopline.com/pages/how-it-works
After — droppillow.myshopline.com/pages/how-it-works
Scroll · click to zoom

New — was a homepage section.

Afterdroppillow.myshopline.com/pages/reviews
droppillow.myshopline.com/pages/reviews
After — droppillow.myshopline.com/pages/reviews
Scroll · click to zoom

New — stars only where a reviewer gave a rating.

More pages from this section
After…/pages/our-story
…/pages/our-story
After — …/pages/our-story
Scroll · click to zoom

The founder's story.

After…/pages/for-anxiety
…/pages/for-anxiety
After — …/pages/for-anxiety
Scroll · click to zoom

One of four use-case pages.

After…/pages/professionals
…/pages/professionals
After — …/pages/professionals
Scroll · click to zoom

Clinics, schools and studios. The quote form is being connected.

After…/pages/mental-health-pledge
…/pages/mental-health-pledge
After — …/pages/mental-health-pledge
Scroll · click to zoom

The pledge, as its own page.

After…/pages/faq
…/pages/faq
After — …/pages/faq
Scroll · click to zoom

“Questions, answered by Whit.”

Beforedroppillow.com/pages/welcome
droppillow.com/pages/welcome
Before — droppillow.com/pages/welcome
Scroll · click to zoom

Old Welcome page.

After…/pages/welcome
…/pages/welcome
After — …/pages/welcome
Scroll · click to zoom

“Let's get you set up.”

Beforedroppillow.com/pages/contact
droppillow.com/pages/contact
Before — droppillow.com/pages/contact
Scroll · click to zoom

Old Contact page.

After…/pages/contact
…/pages/contact
After — …/pages/contact
Scroll · click to zoom

The form is being connected.

Beforedroppillow.com/cart
droppillow.com/cart
Before — droppillow.com/cart
Scroll · click to zoom

Cart as a page.

After…/cart
…/cart
After — …/cart
Scroll · click to zoom

Cart page; a cart drawer opens from every page.

Technical Health

Every Figure, Side by Side

Homepage unless stated. Desktop 1440px and mobile 390px, Chromium, 8 Oct 2026. Lighthouse 12.8, throttled; page weight is Lighthouse's total transfer; requests and third-party hosts from our capture. The Shopline store measured behind its storefront password.

MetricBefore · droppillow.com (Shopify)After · droppillow.myshopline.com
Content pages3 (Welcome, FAQ, Contact)15
Nav links that leave the page0 of 4 — all anchors, 3 on drop-pillow.myshopify.comEvery item a real page
Homepage weight · mobile / desktopBefore: two autoplaying 1080p videos of 12.1 and 9.4 MB.24 MB / 24 MB1.6 MB / 2.0 MB
Requests293105
Third-party hostsBefore: Klaviyo ×2, Facebook ×2, Trustpilot ×3, Shop app, Shopify telemetry, Shopify CDN. After: Google Fonts, Stripe, Cloudflare Insights and our build-review widget.104
Third-party cookies20
H1 on the homepageNone1
Lighthouse Performance · mobile (two runs)62–6379–80
Shop page Performance · mobile (two runs)New: the first product photo is lazy-loaded, so it starts downloading late — punch list.62–6361–77
Product page Performance · mobile / desktop60 / 10078 / 96
Lighthouse Performance · desktopThe old store was already fast on desktop.9595
LCP · mobile (two runs)7.7–7.8 s4.4–4.8 s
Total blocking time · mobile110 ms0–10 ms
Lighthouse Best Practices79100
Lighthouse AccessibilityNew: review quotes and names on Sage fail contrast — punch list.9193
Specifications on the product pageNoneFull spec band
BundlesLUX as a separate product, no saving shownThree tiers in the buy box, savings stated
Homepage meta descriptionStill to add before launch.NoneNone
FontsKept at the founder's request.Georgia + MontserratGeorgia + Montserrat
Lighthouse

Performance · Accessibility · Best Practices · SEO

Lighthouse 12.8, throttled, first full run on 8 Oct 2026, mobile preset unless stated. The old store was already fast on desktop, so the desktop homepage is shown for balance: the gains are on phones, in weight and in what the pages say. Repeat runs gave 62 → 79 for the mobile homepage and 77 for the new shop page, whose first product photo is lazy-loaded — on the punch list.

Homepage mobile

Performance
Before63
After80
Accessibility
Before91
After93
Best Practices
Before79
After100
SEO
Before85
After92

Shop mobile

Performance
Before63
After61
Accessibility
Before96
After93
Best Practices
Before79
After100
SEO
Before92
After92

Product page mobile

Performance
Before60
After78
Accessibility
Before93
After91
Best Practices
Before79
After100
SEO
Before100
After100

Homepage · desktop desktop

Performance
Before95
After95
Accessibility
Before91
After93
Best Practices
Before78
After100
SEO
Before85
After92
BeforeAfter
Findings Register

16 Findings, Each With Evidence and a Fix

Everything we found on the current site, what we changed, and where each item stands today. Filter by severity or area.

SeverityFindingWhat we didAreaStatus
high The nav doesn't go anywhere
“How it works”, “Shop Our Store”, “Our Story” and “Mental Health Pledge” are anchors into the homepage; three point at drop-pillow.myshopify.com. /pages/our-story, /how-it-works, /mental-health-pledge and /reviews return 404.
Every nav item is a real page on the store's own domain, with dropdowns for the shop, how it works and why people buy. Navigation Fixed · live theme
high The product page answers none of the questions
Three photos, one paragraph, Add to cart; no specifications (battery life isn't mentioned), no reviews, no shipping line; the only risk message is “used pillows may not be returned”.
Story bands for how it feels, setup, sound, use cases, testimonials, full specifications, a comparison and a pre-purchase FAQ; shipping threshold and dispatch time under the button. PDP Fixed · live theme
high The pillow is listed last and the bundle saving is invisible
Shop sorted A–Z puts The Drop Pillow sixth of six; the LUX Package is a separate product at $179 with no saving stated.
Pillow and bundles first; Essential, LUX and 2-Pack as tiers in one buy box with the value and saving on each. Merchandising Fixed · live theme
Medium No H1 and nothing to read in the desktop first screen
The homepage has no H1; on desktop the first screen is the logo over the film, and the brand line sits below the fold.
“A weighted blanket for your brain.” as the H1 over the film, the promise under it, one Buy Now. Home Fixed · live theme
Medium A 24 MB homepage
Two 1080p videos of 12.1 and 9.4 MB autoplay on load; mobile LCP 7.7 s, Performance 63.
1.6 MB on mobile; Performance 80, LCP 4.4 s, no blocking time. Tech Fixed · live theme
Medium Third-party scripts with nothing to show for them
10 third-party hosts on the homepage, including three Trustpilot scripts on a page that shows no Trustpilot reviews; third-party cookies; Best Practices 78–79.
4 hosts, no third-party cookies, Best Practices 100. Tech Fixed · live theme
Medium A key benefit is buried in the FAQ
That anyone not using the pillow won't hear any sound appears as one sentence inside an FAQ answer.
“Immersive for you. Quiet for everyone else.” as its own band on the product and How it works pages. Trust Fixed · live theme
Medium No page for professionals or for why people buy
No page for clinics, schools or studios; the four reasons people use the pillow are not addressed anywhere.
Professionals page with a quote request; four use-case pages — Quiet a Racing Mind, Meditation, Sensory Regulation, Relax & Unwind. Audience Fixed · live theme
low The policy link opens the wrong page
Footer “Terms of Use | Privacy Policy” links to a data-sharing opt-out page.
Terms, privacy and refund policies linked separately; Shipping & returns as its own page. Navigation Fixed · live theme
high Shipping, tax and the discount code aren't set up yet
Store-admin settings outside the theme; an end-to-end test order hasn't been run.
Configure in the Shopline admin, then place a test order from cart to confirmation before the password comes off. Operations Launch blocker
Medium The Professionals and contact forms don't send yet
Both forms render and validate, but submissions aren't delivered anywhere.
Connect both forms to the store's contact inbox. Forms Open · build fix
Medium The homepage still has no meta description
Same as the old store: the page title is “Drop Pillow” and there is no meta description; the shop page has none either.
A written title and description for the homepage and shop. SEO Open · build fix
Medium Review text on Sage fails contrast
Lighthouse flags 19 elements on the homepage — review quotes, names and roles on the Sage background.
Darken the review text or lighten its background until every pair passes. Accessibility Open · build fix
low The Accessibility page carries template brackets
“[AUDIT: provider and date]”, “[RESPONSE: X business days]”, “[CAPTIONS: due date]” and “[FIX: due date]” on a page linked from the footer.
Drop Pillow to confirm the dates and response time, or the page stays unlinked until it can be completed. Accessibility Client decision
Medium The shop page's first product photo is lazy-loaded
It is the page's largest element but carries loading="lazy", so it waits about 3.6 s before downloading; mobile Performance 61–77 (old: 62–63), desktop 87 (old: 97).
Load the first row of product photos eagerly with high priority; keep lazy loading below the fold. Shop Open · build fix
low Mobile LCP is still above 2.5 s
Lighthouse mobile LCP 4.4–4.8 s on the homepage — the layered hero photograph.
Serve the hero layer at phone size and preload it. Mobile Open · build fix
Stated Plainly

What's Still in Progress

You should hear it from us rather than find it later. The punch list to launch, with owners.

1

Store-admin setup and a test order

Shipping, tax and the 10% discount code in the Shopline admin, then one order from cart to confirmation. Blocking launch.

Launch blocker
2

Connect the forms

The Professionals quote request and the contact form render and validate; submissions need a destination.

For the build
3

Meta descriptions and titles

A written title and description for the homepage and shop — the one SEO gap carried over from the old store.

For the build
4

Shop and hero image loading

Load the shop's first row of photos eagerly and serve the hero at phone size — the shop page should beat the old store on speed, not tie it.

For the build
5

Contrast on the review cards

Review quotes and names on Sage fail contrast in 19 places on the homepage.

For the build
6

Accessibility statement and business address

Dates and response time for the accessibility page, and which address the store publishes.

Client decision
7

Reviews with photos

Customer photos and video for the Reviews page once the founder collects them; no reviews platform yet, so no aggregate score is shown.

Client decision
Your Store Next

Want Your Storefront on This Page?

We audit before we quote: a full CRO / UX read of your current store, page by page, with every figure measured — then the plan to fix it.