Same meal bar. A storefront that finally says so.
READYBAR is a 500-calorie meal bar created by a NASA scientist. It sold on a stock Shopify theme where a 15%-off pop-up covered every page on load, thirty-five third-party hosts fired on the homepage, and the brand's sharpest claim — twice the nutrition, half the sugar — was nowhere above the fold. We moved the store to Shopline and rebuilt the storefront to the brand guidelines: one headline, one voice, a shop that merchandises six products like a range, and eight content pages that did not exist.
Before
After
Requests to load the homepage — 2.6 MB down to 411 KB transferred.
Third-party hosts on the homepage. Klaviyo, Judge.me, Appstle, HubSpot ×7, GOVX, GTM, Facebook… down to Google Fonts, Cloudflare Insights and Stripe.
Content pages. Press, About and Contact — plus Wholesale, Benefits & nutrition, Reviews, Verify and Shipping, rebuilt or new.
Milliseconds of main-thread blocking on the mobile homepage (Lighthouse TBT). The page becomes interactive as soon as it paints.
Nine dimensions, scored 0–10 from what we measured and clicked through. “After” is the Shopline storefront as it stands today behind the preview password — including the items still on the punch list.
The old homepage opens with a Klaviyo modal over a stock hero. The brand guidelines say the headline is “Twice the nutrition. Half the sugar.” — two lines, Archivo Black — and it was nowhere above the fold. The new homepage opens on it, then walks the visitor through the argument: the problem, the comparison table, six flavours, who it's for, who made it, FAQ.
Captured as delivered on first load — the modal is real, not staged.
Live on Shopline behind the preview password. Persona images are placeholders until the merchant's stock images land.
Six SKUs is a small catalogue; the job of the shop page is to make choosing easy. The old grid was six identical tiles under the modal. The new one opens with the four numbers that matter, filters by how people actually decide, and tells them where to start.
Six tiles under the modal.
Shop hero, filter chips, badges, add-to-box.
The old product page had a lot going for it: five images, subscription pricing, reviews with photos, related products. It also loaded 453 requests and sat under the modal. The new page keeps what sold — gallery, checklist, FAQ, related — at a third of the weight. The subscription selector and the reviews block return once the merchant picks the apps.
Rich, but heavy and under the modal.
Placeholder product data until the final sync.
Sampler pack — 17 reviews on the old page.
Sampler pack — five images.
The old site had Press, About and Contact. The tech-stack brief asked for a wholesale path with agency and retail sales, and the header and footer of the new theme needed somewhere to send people. Every page below exists on Shopline through a purpose-built template — content recovered from the old site where it existed, written new where it didn't.
Good content, stock layout, under the modal.
Origin, founder, advisors, mission.
New — agency vs retail.
Benefits & nutrition — comparison + FAQ.
Five outlets, real links.
Responder discount.
Delivery timing — copy to be confirmed by the merchant.
Deliberately sparse until real reviews land.
Old press page.
Homepage unless stated. Desktop 1440px and mobile 390px, Chromium, 18 Aug 2026. Lighthouse 12.8, mobile preset unless stated. Both stores measured behind the same conditions; the Shopline store behind its preview password.
| Metric | Before · getreadybar.com (Shopify) | After · getreadybar.myshopline.com |
|---|---|---|
| Requests | 375 | 104 |
| Transferred (network idle) | 2.6 MB | 411 KB |
| Third-party hostsBefore: Klaviyo ×5, HubSpot ×7, Judge.me ×4, Appstle, GOVX, GTM, GA, Facebook, jsDelivr, cdnjs… After: Google Fonts, Cloudflare Insights, Stripe. | 35 | 3 |
| Pop-up on first load | Every page (desktop + mobile) | None |
| H1s on the homepage | 3 (one empty, one is the pop-up) | 1 |
| Nav items · footer links | 4 · 7 (no navigation) | 7 · 22 |
| Content pages | 3 | 8 |
| Lighthouse Best Practices | 78 | 100 |
| Lighthouse Performance · mobile / desktop | 66 / 85 | 72 / 89 |
| Total blocking time · mobile | 580 ms | 20 ms |
| Shop TBT · mobile | 690 ms | 10 ms |
| LCP · mobileHero image sizing on the new theme — punch list. | 3.5 s | 5.6 s |
| LCP · desktop | 1.2 s | 1.6 s |
| Lighthouse AccessibilityTheme locks pinch-zoom; orange-on-creme contrast; 20 images without alt — punch list. | 97 | 82 |
| Product page CLS · desktopOld: review widget injects late. New: gallery — reserve the media ratio. | 0.169 | 0.154 |
| Product page requests | 453 | 128 |
| Fonts loaded | 5 (incl. Judge.me star font, GT Standard) | 2 (Archivo Black, IBM Plex Sans) |
| Press logos linked to articles | No | Yes · 5 |
Lighthouse 12.8, mobile preset, throttled, both stores. The new theme wins on Best Practices and blocking time; accessibility and mobile LCP are the two places the stock-theme scaffolding still shows and are listed under what's in progress.
Everything we found on the current site, what we changed, and where each item stands today. Filter by severity or area.
| Severity | Finding | What we did | Area | Status |
|---|---|---|---|---|
| high | A 15%-off modal covers every page on load Klaviyo form fires on home, shop, product and content pages, desktop and mobile; on a 390px phone it covers ~70% of the viewport. |
No pop-up; sign-up moved to a footer band and the tech-stack brief's CRM-integrated form is scoped separately. | Home | Live on Shopline |
| high | The brand headline is not on the page Hero H1 is empty; visible copy “A real meal, wherever you go”. Guidelines specify “Twice the nutrition. Half the sugar.” in Archivo Black, two lines. |
Brand headline as the single H1, locked to two lines; ranked CTAs from the approved list. | Home | Live on Shopline |
| high | Thirty-five third-party hosts and 375 requests on the homepage Klaviyo, Judge.me, Appstle, HubSpot ×7, GOVX, GTM, GA, Facebook, jsDelivr, cdnjs, Google Fonts; 2.6 MB; mobile TBT 580 ms; Best Practices 78. |
3 hosts, 104 requests, 411 KB, TBT 20 ms, Best Practices 100. | Tech | Live on Shopline |
| high | Footer has no navigation; no wholesale path Footer = currency picker, “Powered by Shopify”, privacy link. Header = 4 items. Wholesale handled by contact form. |
Header with Wholesale and “Get 20% verified”; three-column footer (Shop / Company / Help), FAQ anchor, subscription management, policy slots. | Navigation | Live on Shopline |
| high | Stock theme layout under brand fonts Dawn sections, app-styled subscription and review widgets, off-brand modal, bare footer. |
Custom theme to the guidelines: exact palette hexes, Archivo Black / IBM Plex Sans, approved CTAs, “meal bar” language, wordmark footer. | Brand | Live on Shopline |
| Medium | Six identical tiles, no guidance One grid, availability/price facets, no badges; two single-bar products reachable only from the homepage carousel. |
Shop hero with proof tiles, filter chips by use, Start here / Most popular / New badges, macro chips, add-to-box, subscribe band. | Shop | Live on Shopline |
| Medium | Press logos link nowhere NPR, Inc., Startup CPG, FoodNavigator, Real ResQ shown as images only. |
All five link to the real articles (recovered from the old press page); gap-free marquee. | Trust | Live on Shopline |
| Medium | The strongest proof is scattered NASA-scientist origin, 1% giving, responder discount and comparison live on different pages or in a widget. |
Hero eyebrow “Created by a NASA scientist”, comparison table, persona carousel, NASA section, responder discount and giving in the ticker and FAQ. | Trust | Live on Shopline |
| Medium | Subscription selector not yet on the new product page Old page: one-time vs Fuel Up Monthly −20% (Appstle). New page: quantity + Add to cart / Buy now. |
Subscription import and app per the tech-stack brief; the buy box already carries the 15% subscribe & save promise on the shop. | PDP | Needs client decision |
| Medium | Reviews block not yet on the new product page Old page: Judge.me reviews with photos (5–17 per product). New: none; Reviews page holds the one brand-approved quote. |
Reviews app decision (Judge.me on Shopline or equivalent), then re-import. | PDP | Needs client decision |
| Medium | Product page shifts as it loads — both stores Desktop CLS 0.169 (old: review widget) and 0.154 (new: gallery). |
Reserve gallery media ratio; square nutrition-label images (source files requested). | PDP | In theme build |
| Medium | New theme locks pinch-zoom meta viewport maximum-scale=1.0, user-scalable=no; Lighthouse a11y 78–94. |
Remove the zoom lock in the theme layout. | Tech | In theme build |
| Medium | Contrast and alt text on the new theme Ready Orange on Ready Creme fails contrast in small text; 20 homepage images without alt (logo bar, persona placeholders); one unnamed icon button. |
Alt text pass; darken small orange text or use black on creme; name the icon button. | Tech | In theme build |
| Medium | Mobile LCP 4–5.6 s on the new theme Hero image and sticker animation; old site 3.5 s (but TBT 580 ms). |
Responsive hero image sizes, preload the LCP image, defer the sticker animation. | Tech | In theme build |
| low | Animated hero sticker causes layout shift on desktop Home desktop CLS 0.122 after the “1 BAR = 1 MEAL” sticker pops in. |
Reserve its box; animate transform only. | Home | In theme build |
| low | Theme placeholder copy on the product page Trust badges “Free worldwide shipping / Free returns / Carbon neutral / Secure payments”; accordion “Example title”. |
Replace with the real shipping and back-order promise; drop or fill the accordion. | PDP | In theme build |
| low | Product title is not the H1 on the new page H1 = description headline “Sweet strawberry. Roasted peanut. Sea salt finish.”; the title is a lower heading. |
Title as H1, description headline as H2. | PDP | In theme build |
| low | Legal policies missing Old site: privacy only. No returns, terms or shipping policy anywhere. |
Privacy copied over; return, terms and shipping policies requested from the merchant — footer slots stay hidden until then. | Trust | Needs client decision |
| low | Persona carousel images are placeholders Five persona cards carry a Light Sherbert placeholder. |
Merchant to supply stock images; slots are theme-editor settings. | Brand | Needs client decision |
You should hear it from us rather than find it later. The punch list to launch, with owners.
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.
