Home/Projects/Barlow’s Foods
Case Study · Specialty food · syrups & 3-in-1 mix · Georgia, USA

Barlow’s Foods

634 reviews and a Flavor of Georgia win, introduced by a bottle slideshow. A storefront that leads with the food.

Barlow’s Foods makes small-batch Southern syrups — Peach Cobbler, Strawberry Bourbon, Blueberry Lemon, pure maple — and a 3-in-1 pancake, biscuit and waffle mix, in Georgia. The Shopify store has real assets: 634 Yotpo reviews on the Peach Cobbler syrup, a Flavor of Georgia win, seven media logos, forty-four recipes. It introduces them with a bottle slideshow, a thirteen-app stack that puts 331 requests and 19 MB behind the homepage, a primary nav full of operational links, a recipes page that never links to a product, and a “Wholesale” footer link that opens a job-application form. The proposed storefront follows the merchant’s own redesign SOP line by line: food in the hero, one headline, the 3-in-1 difference up front, best sellers with ratings and badges, a shop-by-craving row, recipes that sell the product they use, and two pages that did not exist — corporate gifting and a real wholesale funnel — designed to be built as the Shopline theme.

Track
Glow-Up+ Platform → Shopline
Stage
Design stage
Before
Shopify (Flow) + Yotpo, Klaviyo, Hotjar, tawk.to, Smile, Avada, Stockist …
After
Shopline · storefront design proposed
Scope
Storefront redesignCRO / UX auditShopify → Shopline migrationRecipe, wholesale & gifting funnels
Status
Design proposed · awaiting the Shopline build
Audited
19 Aug 2026 (prototype re-captured after the mobile pass) · desktop 1440 / mobile 390 · Lighthouse 12.8
Where this project stands today. This is a proposal. The storefront design is live as a clickable prototype of six templates — home, shop, product, recipes, corporate gifting, wholesale; nothing is built on Shopline yet and the store is still selling on Shopify. A second pass added the mobile layouts (hamburger menu, stacked hero, two-column grid, sticky add-to-cart on the PDP) and the captures below are from that pass. Prices, review counts and the retailer quote are placeholders, the shop and PDP use stock photography where the real pack shots haven’t been placed yet, and the founder photo slot is empty. Every “After” panel shows the design as proposed; the numbers measured on it are labelled prototype, and the outstanding items from our review are on the punch list.
Homepage · first screen
barlowsfoods.com — bottle slideshow, “SHOP seasonal syrups!”, a shipping bar on top and a rewards bar pinned to the bottom Proposed storefront — food in the hero, “Southern flavor. Made for gathering.”, Shop Barlow’s / Find a Store, award-winning · small-batch · made in Georgia
Before After · design
Before — barlowsfoods.com — bottle slideshow, “SHOP seasonal syrups!”, a shipping bar on top and a rewards bar pinned to the bottomAfter — Proposed storefront — food in the hero, “Southern flavor. Made for gathering.”, Shop Barlow’s / Find a Store, award-winning · small-batch · made in Georgia
Measured, Not Estimated

The Numbers That Moved

344

Third-party hosts on the homepage. Yotpo ×4, Klaviyo ×5, Hotjar ×3, Facebook ×2, Google ×5, tawk.to, Smile, Avada, notify-me, YouTube and more → Google Fonts, React from unpkg and the brand’s own photo CDN (to be self-hosted in the build).

33133

Requests to load the homepage, desktop. Thirteen apps and a twelve-image slideshow → the prototype’s own assets.

19.21.9

Transfer to load the homepage, desktop, as measured. The slideshow, a YouTube embed and the app stack → a single hero image and one round of product shots.

0100%

Recipe cards that link to the product they use. Forty-four recipes on the current site link to nothing; every card in the proposal carries “Made with Barlow’s”, the product, its price and “Shop this”.

CRO / UX Audit

The Audit at a Glance

Nine dimensions, scored 0–10. “After” scores the proposed design as it stands in the prototype — including the items our own review flags for the build (heading semantics, placeholder prices and counts, the empty founder-photo slot). Scores will move when the Shopline build lands.

DimensionBeforeAfterWhat we measured
First impression & focusWhat loads, what’s covered, what to click
4
8
Before: a twelve-image bottle slideshow with one button, “SHOP seasonal syrups!”, between a $5-shipping bar and a pinned “Join our REWARDS program save 10%” bar, plus a chat bubble; the page’s H1 is the logo image. After: a food hero, one headline — “Southern flavor. Made for gathering.” — two CTAs, a proof line (award-winning · small-batch · made in Georgia), one announcement bar.
Navigation & IACan a customer always keep browsing?
4
8
Before: Our Story · Shop · Nutrition · Recipes · Find us · Wholesale · Track order — “Wholesale” drops down to Faire and Mable, “Nutrition” and “Track order” are operational; thirteen collections, four of them duplicates or empty; homepage product links route through /collections/peach-cobbler-syrup/. After: Shop · Recipes · Gift · Our Story · Wholesale · Find a Store, utility on the right, footer grouped Shop / Explore / Partner / Help, operational links moved down.
Merchandising & discoverySelling twelve SKUs like a range
4
7
Before: the 3-in-1 mix is two separate products (16 oz and a 2-pack); four syrups at $8.99, three bundles, merch and a gift card in one grid; “Shop by collection” is two tiles; collections have no description or filters. After: the 3-in-1 difference as the first product section, best sellers with badges and ratings, a shop-by-craving row, a syrups collection with flavor filter and sort, a bundle builder at “save 15%”. Prices in the prototype are placeholders and differ between pages — a client decision before the build.
Product page conversionThe buy box and what surrounds it
5
7
Before: a real asset base — Yotpo stars, 634 reviews, a subscription option, a good description, “You may also like” — but one paragraph of copy, no details table, no taste or how-to-use, three sticky elements and a 6,149-node DOM behind 360 requests. After: rating under the title, one-sentence description, price and size, quantity, Add to cart and Buy now, free-shipping progress, trust line, Why you’ll love it, Product details, What does it taste like?, How to use, recipes, reviews, Complete your breakfast. Open items: the gallery and cards use stock photography until the real shots are placed; the cart drawer exists only on this template.
Trust & social proofWhy believe it
5
7
Before: seven media logos under the hero, a Flavor of Georgia sticker on a product image, three testimonials and an awards mention buried in product copy; no rating on any product card. After: awards strip, award / customer-favourite badges, stars and counts on every card, a review block, the founder block and the Barlow’s Cares impact figure. Counts are placeholders until Yotpo is wired; the founder photo slot is empty.
Mobile experienceWhere most of the traffic is
3
7
Before: 320 requests and 18.5 MB on the mobile homepage — Lighthouse 52, LCP 18.5 s — a pinned rewards bar and a chat bubble over the content, the same slideshow; the PDP scores 48 with 780 ms of blocking time. After (mobile pass): hamburger menu, stacked hero CTAs, two-column grid with filter and sort chips, a sticky add-to-cart on the PDP, recipe chips; Lighthouse 74 / 84 / 88 with zero blocking time. Still open: the shop grid shifts as images arrive (CLS 0.196), the menu is a styled div, and the hero LCP is the hot-linked image.
Brand consistencyDoes the store sound like the brief?
3
8
Before: a stock Flow theme in three typefaces (Nunito Sans, Poppins, Instrument Sans), “Designed By: Tech Wisdo” in the footer, “Easy to Make Recipies” and “recieve” on the page, a hero the brief explicitly rules out (a static bottle shot). After: Anton headlines, Archivo body, a script accent, the #BA0707 red, “ALL DAY. ANY WAY.” as the voice, food photography throughout — the brief’s “bright, sexy, premium, not cozy”.
Speed & technical healthRequests, hosts, blocking time
2
7
Before: 331 requests, 19.2 MB and 34 third-party hosts on the homepage — Yotpo, Klaviyo, Hotjar, tawk.to, Smile, Avada, notify-me, SMSBump, Facebook, GTM/GA, YouTube; 360 requests on the PDP. After: 33 requests, 1.9 MB, 4 hosts, no trackers; lifestyle photography is hot-linked from the current CDN for the prototype and will be self-hosted in the build.
AccessibilityMarkup, contrast, focus
4
3
Before: the homepage H1 is the logo image; no H1 on recipes, story, FAQ or wholesale; 24 of 49 homepage images and 40 of 43 recipe images without alt. After: every image has alt text, but the prototype renders headings as styled text and every control as a div — no h1–h6, no <button>, no <nav>/<main>, no labels, no lang — so keyboard and screen-reader users get nothing. All on the build list; none is a design decision.
OverallMean of 9 dimensions
3.8
6.9
3.1 points of measured improvement across the whole customer journey.
01 · Homepage

From a Bottle Slideshow to a Table Worth Sitting At

The merchant’s redesign SOP is unusually clear: food photography over product photography, one headline, the 3-in-1 difference up front, best sellers with ratings, shop by craving, recipes that sell, proof, founder, Cares, find a store, email — and “do not make the hero primarily a static bottle shot.” The current homepage opens on exactly that: twelve bottle slides and “SHOP seasonal syrups!”. The proposal is the SOP’s thirteen sections, in order.

Before

  • Bottle slideshow hero (12 images) with one button, “SHOP seasonal syrups!”; a $5-shipping announcement on top, a pinned “Join our REWARDS program save 10%” bar at the bottom, a chat bubble; the H1 is the logo image.
  • As featured in (7 logos) · Shop by collection (2 tiles) · Our values (5 icons) · the 3-in-1 mix as two products · a video section that renders blank · four syrups · two founder-story blocks · Barlow’s Cares band · three testimonials · three “Easy to Make Recipies” cards.
  • 331 requests, 19.2 MB, 34 third-party hosts (Yotpo ×4, Klaviyo ×5, Hotjar ×3, Google ×5, Facebook ×2, tawk.to, Smile, Avada, notify-me, YouTube, Stockist …). 24 of 49 images without alt.

After

  • Food hero: “Southern flavor. Made for gathering.” with “Shop Barlow’s” and “Find a Store”, the proof line above it, a free-shipping bar with the brand line “All day. Any way.” — and a marquee: fried chicken · cocktails · ice cream · the syrup does not care what time it is.
  • Award-winning Southern flavor (logo strip) · One mix. Three Southern favorites. (pancakes / biscuits / waffles → Shop the 3-in-1 mix) · Meet the Barlow’s favorites (4 cards with badges, stars, price, Add to cart) · What are you craving? (Breakfast / Southern sweetness / Build a bundle / Wear it).
  • More than pancakes (six uses) · Build your Barlow’s breakfast (bundle, save 15%) · The Barlow’s Table (3 recipes) · Real people. Real Barlow’s. · Made with a little Southern history (founder) · Food that gives back + Find Barlow’s near you (ZIP) · Join the Barlow’s Table (email) · footer Shop / Explore / Partner / Help.
  • 33 requests, 1.9 MB, 4 third-party hosts, no trackers. Founder photo is an empty slot; review counts and badges are placeholders.
Full-page captures · scroll inside each frame · click to zoom
Beforebarlowsfoods.com
barlowsfoods.com
Before — barlowsfoods.com
Scroll · click to zoom

Captured as delivered, 19 Aug 2026. The white band below the mix products is the YouTube video section as it renders.

Afterbarlowsfoods.powercommerce.com
barlowsfoods.powercommerce.com
After · design — barlowsfoods.powercommerce.com
Scroll · click to zoom

Prototype; lifestyle photography hot-linked from the current store’s CDN for the prototype only.

02 · Shop

Thirteen Collections Become One Shop With a Flavor Filter

Twelve products live in thirteen collections — “peach-cobbler-syrup” holds all eight syrup-and-bundle items and duplicates “syrups”, two single-product collections and two Black Friday collections linger, “wholesale” and “gift-cards” are empty — and the homepage routes product links through the wrong one. Collections have no description, filter or badge. The proposal builds the shop the SOP asks for: a header and one-line description per collection, flavor / season / best-for filters, sort, enhanced cards, and the bundle offer under the grid.

Before

  • /collections/all: twelve products in one grid — mix (16 oz $10.00), mix 2-pack ($18.99), four syrups ($8.99), Mix + Syrup bundle ($17.99), breakfast bundle with coffee ($26.99), breakfast gift set ($32), dad hat, sweatshirt, gift card.
  • Thirteen collections: syrups (8), peach-cobbler-syrup (8, identical), mixes (6), bundles (4), best-sellers (4), merch (3), black-friday-breakfast-bundle (3), black-friday (2), barlows-boxes (1), blueberry-lemon-syrup (1), strawberry-bourbon-syrup (1), wholesale (0), gift-cards (0).
  • No collection description, no filters, default sort; cards show vendor, title, price and Add to cart — no rating, no badge, no flavor cue.

After

  • Southern Syrups — “Seasonal flavors made for pancakes, waffles, biscuits, desserts and beyond. Small-batch, made in Georgia.” — Flavor: All / Fruity / Seasonal / Classic; Sort: Featured / Best selling / Price.
  • Cards with badge (Award winner · Classic · Favorite · Seasonal · New), stars and count, one-line benefit, price, Add to cart and View.
  • “More Barlow’s. Better value.” — bundle any syrup with the 3-in-1 mix and save 15% → Build your breakfast. Footer with FAQ, Contact, Track order, Wholesale, Corporate gifting.
  • Open items: prototype prices ($12.99–$15.99) differ from the home cards ($8.99) and the live store ($8.99); Gingerbread, Lemon and Berry Cobbler are placeholder flavors — the merchant confirms the range and pricing before the build.
Full-page captures · scroll inside each frame · click to zoom
Beforebarlowsfoods.com/collections/syrups
barlowsfoods.com/collections/syrups
Before — barlowsfoods.com/collections/syrups
Scroll · click to zoom
Afterbarlowsfoods.powercommerce.com/shop
barlowsfoods.powercommerce.com/shop
After · design — barlowsfoods.powercommerce.com/shop
Scroll · click to zoom

Prototype with placeholder flavors and prices.

More pages from this section
Beforebarlowsfoods.com/collections/all
barlowsfoods.com/collections/all
Before — barlowsfoods.com/collections/all
Scroll · click to zoom
Beforebarlowsfoods.com/collections/mixes
barlowsfoods.com/collections/mixes
Before — barlowsfoods.com/collections/mixes
Scroll · click to zoom

The 3-in-1 mix as two products; bundles listed under Mixes.

03 · Product Page

A Product Page Built Around “What Does It Taste Like?”

The Peach Cobbler Syrup page has what most small brands would pay for: 634 reviews (532 of them five-star), a subscribe-and-save option, a description that mentions Garden & Gun and the Flavor of Georgia win. It presents them as a stack of app widgets — three sticky elements, a 6,149-node DOM and 360 requests — with one long paragraph and no answer to the questions a syrup buyer asks: how sweet, how much fruit, what do I put it on. The proposal is the SOP’s product page: benefits, details, taste profile, how to use, recipes, reviews, cross-sell.

Before

  • Title, Yotpo stars, “$8.99”, quantity, subscription widget, Add to cart; one paragraph of description (“Transform your breakfast into a Southern experience … Featured in Garden & Gun magazine, 2023 Flavor of Georgia …”).
  • Reviews: distribution 532 / 41 / 30 / 21 / 10, “Write a review”, media filter — strong, and invisible from the homepage and collection cards.
  • “You may also like”: Strawberry Bourbon $8.99, Mix + Syrup bundle $17.99, the mix; no size/servings/ingredients table, no how-to-use, no recipe.
  • 360 requests, 3.5 MB, 35 third-party hosts, 27 images (8 without alt), 3 sticky elements.

After

  • Buy box: breadcrumb, Award winner badge, “Southern syrups · small-batch · made in Georgia”, title, ★ 5.0 · 168 reviews (placeholder), one-sentence description, “$14.99 · 12 oz”, quantity, Add to cart, Buy now, “You’re $45.00 away from free shipping”, ✓ small-batch · made in Georgia · secure checkout.
  • Why you’ll love it (four lines) · Product details (size, servings, ingredients, storage, allergens, origin) · What does it taste like? (sweet 4/5 · fruit 5/5 · spice 2/5 + one sentence).
  • How to use — more than a pancake topping: pancakes · waffles · biscuits · desserts · savory · drinks → See the recipes; Make this with Barlow’s (Peach Cobbler Bourbon Smash, …); reviews; Complete your Barlow’s breakfast.
  • 25 requests, 575 KB, 3 hosts. Build list: heading semantics, real Yotpo data, subscribe-and-save in the buy box.
Full-page captures · scroll inside each frame · click to zoom
Beforebarlowsfoods.com/products/barlows-foods-peach-cobbler-syrup
barlowsfoods.com/products/barlows-foods-peach-cobbler-syrup
Before — barlowsfoods.com/products/barlows-foods-peach-cobbler-syrup
Scroll · click to zoom
Afterbarlowsfoods.powercommerce.com/product
barlowsfoods.powercommerce.com/product
After · design — barlowsfoods.powercommerce.com/product
Scroll · click to zoom

Prototype; price, review count and recipes are placeholders.

More pages from this section
Beforebarlowsfoods.com/products/original-mix
barlowsfoods.com/products/original-mix
Before — barlowsfoods.com/products/original-mix
Scroll · click to zoom

The 3-in-1 mix, 16 oz — the 2-pack is a separate product.

04 · Recipes, Wholesale, Gifting

Recipes That Sell, and Two Funnels That Didn’t Exist

Forty-four recipes is a content asset most CPG brands never build. On the current site they are a grid of thumbnails with no category, time, or link to the product they use — and 40 of the 43 images have no alt text. Wholesale is a dropdown to Faire and Mable, and the footer’s “Wholesale” link opens a job-application form. Corporate gifting is a tag. The proposal turns recipes into merchandising and gives the two B2B funnels their own pages, as the SOP specifies.

Before

  • Recipes: 44 thumbnails under “EASY TO MAKE RECIPES” — name only; no categories, times, difficulty, ingredients or “shop the product”; no H1; 40 of 43 images without alt.
  • Wholesale: the nav item drops down to “Shop Faire” and “Shop Mable”; the footer’s “Wholesale” and “Join our team!” both open /pages/wholesale-inquiry — a job-application form (Warehouse Assistant, Production Assistant, résumé upload).
  • Gifting: a $10 / $25 gift card and a “Gifts” tag; no corporate or host-gift page. Find us: a Stockist widget page.

After

  • The Barlow’s Table: All / Breakfast / Brunch / Biscuits / Waffles / Dessert / Drinks / Savory / Holiday / Easy; each card has category, time, difficulty and Made with Barlow’s → product · price · Shop this (Peach Cobbler Bourbon Smash · 5 min · Peach Cobbler Syrup $14.99).
  • Wholesale — Bring Barlow’s to your shelves: why retailers choose Barlow’s (six reasons), wholesale unit / MSRP / case pack / MOQ / lead time / shelf life, a retailer quote (placeholder), Become a retailer + Download wholesale catalog, the lead form, retailer login.
  • Corporate gifting — Give them something worth gathering around: who we serve, five quantity tiers (10–24 … 250+) with what each includes, the five-step process, Request a quote / Start my corporate gift.
  • Build list: a Find a Store page on the Stockist data (the homepage has the ZIP block), recipe URL migration with 301s, the email flows per audience.
Full-page captures · scroll inside each frame · click to zoom
Beforebarlowsfoods.com/pages/recipes
barlowsfoods.com/pages/recipes
Before — barlowsfoods.com/pages/recipes
Scroll · click to zoom
Afterbarlowsfoods.powercommerce.com/recipes
barlowsfoods.powercommerce.com/recipes
After · design — barlowsfoods.powercommerce.com/recipes
Scroll · click to zoom
More pages from this section
Beforebarlowsfoods.com/pages/wholesale-inquiry
barlowsfoods.com/pages/wholesale-inquiry
Before — barlowsfoods.com/pages/wholesale-inquiry
Scroll · click to zoom

The footer’s “Wholesale” link — a job-application form.

Afterbarlowsfoods.powercommerce.com/wholesale
barlowsfoods.powercommerce.com/wholesale
After · design — barlowsfoods.powercommerce.com/wholesale
Scroll · click to zoom
Afterbarlowsfoods.powercommerce.com/gifting
barlowsfoods.powercommerce.com/gifting
After · design — barlowsfoods.powercommerce.com/gifting
Scroll · click to zoom

New page — there is no corporate gifting page on the current site.

Beforebarlowsfoods.com/pages/store-locator-1
barlowsfoods.com/pages/store-locator-1
Before — barlowsfoods.com/pages/store-locator-1
Scroll · click to zoom
Beforebarlowsfoods.com/pages/ourstory
barlowsfoods.com/pages/ourstory
Before — barlowsfoods.com/pages/ourstory
Scroll · click to zoom
Design Decisions

What Changes, and Why

The material changes between barlowsfoods.com and the proposed storefront, each with the reason behind it — the merchant’s redesign SOP and inspiration brief, conversion, design, or the Uplift standard it answers to. This is the brief the Shopline build will follow.

Before — Food in the hero, one sentence, two doors
Before
After — Food in the hero, one sentence, two doors
After
Homepage

Food in the hero, one sentence, two doors

A twelve-slide bottle carousel with “SHOP seasonal syrups!” becomes a single food image — syrup on a stack — with “Southern flavor. Made for gathering.”, “Shop Barlow’s” and “Find a Store”, and the proof line “award-winning · small-batch · made in Georgia” above it.

Why. The brief says it outright: lifestyle food photography, not a static bottle shot, and a hero that says what Barlow’s is and what to do next. Standards: bespoke imagery that presents the brand, the primary button styled once and placed consistently, and no autorotating carousel on mobile.
DesignCROUPLIFT-0238 · UPLIFT-0730 · UPLIFT-0957
Before — Six doors; operational links go to the footer
Before
After — Six doors; operational links go to the footer
After
Navigation

Six doors; operational links go to the footer

Our Story · Shop · Nutrition · Recipes · Find us · Wholesale (Faire / Mable) · Track order becomes Shop · Recipes · Gift · Our Story · Wholesale · Find a Store with search, account and cart on the right; Nutrition, Track order, Contact, Blog and the marketplaces move to a grouped footer.

Why. The SOP’s navigation section, almost verbatim. Standards: product categories and thematic resources (recipes, guides) in the main navigation, a store-locator link near the header for an omnichannel brand, and footer links grouped into distinct sections.
CRODesignUPLIFT-0287 · UPLIFT-0303 · UPLIFT-3066 · UPLIFT-0250
Before — The 3-in-1 difference before anything else
Before
After — The 3-in-1 difference before anything else
After
Homepage

The 3-in-1 difference before anything else

The mix — shown as two product cards halfway down the page — becomes the first product section: “One mix. Three Southern favorites.” with pancakes / biscuits / waffles as three cards and “Shop the 3-in-1 mix”.

Why. One mix that makes pancakes, biscuits and waffles is the brand’s only claim with no shelf neighbour; the SOP calls it “one of the most prominent product differentiators”. Standards for niche DTC homepages: highlight the core product and brand features, feature a representative sample of products.
CROBrandUPLIFT-1707 · UPLIFT-1708
Before — Best sellers with stars, badges and Add to cart
Before
After — Best sellers with stars, badges and Add to cart
After
Homepage

Best sellers with stars, badges and Add to cart

Four syrup cards with title, price and Add to cart become four cards with a badge (Award winner · Customer favorite · Summer pick), a star rating, a one-line benefit, price, Add to cart and View — then a “What are you craving?” row: Breakfast / Southern sweetness / Build a bundle / Wear it.

Why. The store has 634 reviews on one product and shows none of them where people choose. Standards: show the number of ratings in list items, use badges selectively for genuinely distinct attributes, and help customers find products by use case.
CROUPLIFT-0441 · UPLIFT-0447 · UPLIFT-2700
Before — A syrups collection with a flavor filter and sort
Before
After — A syrups collection with a flavor filter and sort
After
Shop

A syrups collection with a flavor filter and sort

A bare grid under “Syrups” becomes “Southern Syrups” with a one-line description, Flavor: All / Fruity / Seasonal / Classic, Sort: Featured / Best selling / Price, badged and rated cards, and the bundle offer under the grid.

Why. The SOP asks for header, description, filters and sort on every collection. Standards: category-specific filters for key attributes, sort by price and best selling, and the current sort order shown in the control.
CROUPLIFT-0409 · UPLIFT-0511 · UPLIFT-0521
Before — Benefits, details, taste profile — in that order
Before
After — Benefits, details, taste profile — in that order
After
Product page

Benefits, details, taste profile — in that order

One paragraph becomes Why you’ll love it (four lines), Product details (size, servings, ingredients, storage, allergens, origin) and What does it taste like? (sweet / fruit / spice meters plus one sentence), with the rating directly under the title.

Why. A syrup buyer asks how sweet, how much fruit and what it goes on; the SOP specifies exactly these blocks. Standards: subdivide descriptions with sections, reproduce core info in both description and spec sheet, keep some description above the fold, and make the ratings average clickable at the top.
CRODesignUPLIFT-0845 · UPLIFT-0858 · UPLIFT-0847 · UPLIFT-0786
Before — Free shipping under the button; breakfast completed below
Before
After — Free shipping under the button; breakfast completed below
After
Product page

Free shipping under the button; breakfast completed below

A buy box that ends at Add to cart gains “You’re $45.00 away from free shipping”, a trust line (small-batch · made in Georgia · secure checkout), Buy now, and a “Complete your Barlow’s breakfast” cross-sell (mix ↔ syrup ↔ bundle) after the recipes.

Why. Standards: free-shipping conditions visible by default in or near the buy section, a supplementary cross-sell that can be added directly, and a clear total-order picture before the cart.
CROUPLIFT-0836 · UPLIFT-0826 · UPLIFT-0811 · UPLIFT-0821
Before — Every recipe sells the product it uses
Before
After — Every recipe sells the product it uses
After
Recipes

Every recipe sells the product it uses

A grid of 44 thumbnails becomes The Barlow’s Table: category chips, time and difficulty on every card, and “Made with Barlow’s → Peach Cobbler Syrup · $14.99 · Shop this”. The PDP shows the recipes for its own SKU; the homepage shows three.

Why. Recipe-to-product clicks are a named KPI in the SOP. Standards: give direct access to the products depicted in inspirational content, include thematic guides in the navigation, and supply the supplementary brand and product pages a small-catalogue DTC site needs.
CROBrandUPLIFT-0312 · UPLIFT-0303 · UPLIFT-1775
Before — Two funnels that were a dropdown and a tag
Before
After — Two funnels that were a dropdown and a tag
After
Wholesale & gifting

Two funnels that were a dropdown and a tag

“Wholesale” — a dropdown to Faire and Mable and a footer link to a job form — becomes a page: why retailers choose Barlow’s, wholesale unit / MSRP / case pack / MOQ / lead time / shelf life, a retailer quote, the lead form and a retailer login. Corporate gifting gets its own page with tiers and a five-step process.

Why. Wholesale and corporate inquiries are KPIs in the SOP and had nowhere to happen. Standards: supplementary pages for the audiences a DTC brand serves, and gifting features explained in detail rather than implied.
CROUPLIFT-1775 · UPLIFT-0646
Technical Health

Every Figure, Side by Side

Homepage unless stated. Desktop 1440px and mobile 390px, Chromium, 19 Aug 2026. Lighthouse 12.8, mobile preset unless stated. Prototype prices, review counts and retailer quote are placeholders.

MetricBefore · barlowsfoods.com (Shopify)After · storefront design (prototype)
Requests33133
Page weight as servedPrototype hot-links lifestyle photography from the current CDN; self-hosted and sized in the build.19.2 MB1.9 MB
Third-party hostsAfter: Google Fonts, unpkg (React), cdn.shopify.com + barlowsfoods.com (hot-linked imagery, prototype only).344
Third-party servicesThe build re-adds only what the merchant keeps.13 (Yotpo, Klaviyo, Hotjar, tawk.to, Smile, Avada, notify-me, SMSBump, Hulk, Track123, Stockist, Facebook, GTM/GA)0
Mobile LCP (homepage · PDP)Prototype LCP is the hot-linked hero image; self-hosted and sized in the build.18.5 s · 7.3 s5.5 s · 3.8 s
Mobile layoutResponsive themeResponsive (mobile pass, 19 Aug)
Mobile blocking time (homepage · PDP)470 ms · 780 ms0 ms · 0 ms
Lighthouse best practices · mobile5796
Lighthouse accessibility · mobile homeContrast flags on the prototype; heading structure not scored by Lighthouse — both on the build list.8681
Persistent layers on load3 (shipping bar, rewards bar, chat bubble)1 (announcement bar)
Homepage H1Both wrong; semantic headings are on the build list.The logo imageNone — headings are styled text
Images without alt (homepage)24 of 490 of 33
Collections13 (4 duplicate or empty)Mixes · Syrups · Bundles · Gifts (+ Merch)
The 3-in-1 mix2 products (16 oz · 2-pack)1 product, size options
Ratings on product cardsNo (634 reviews on the PDP)Yes (placeholder counts)
Recipes that link to a product0 of 449 of 9 (prototype)
Wholesale pageDropdown to Faire / Mable · footer link opens a job formB2B page with terms, lead form, retailer login
Corporate gifting pageNoYes — tiers, process, quote form
Free-shipping threshold shownAnnouncement bar ($5 on $18+)Bar · PDP progress · cart
Lighthouse

Performance · Accessibility · Best Practices · SEO

Lighthouse 12.8, mobile preset, throttled; prototype re-run after the mobile pass. The current site’s mobile homepage scores 52 with an 18.5 s LCP (the slideshow) and 470 ms of blocking time; the PDP 48 with 780 ms; best-practices 56–57 on every page — the app stack’s console errors and third-party cookies. The prototype: 74 / 84 / 88 on mobile with zero blocking time, held back by the hot-linked hero image and a layout shift on the shop grid (CLS 0.196) — both build items. Its accessibility score (81–85) is a few points under the current site’s: Lighthouse flags contrast in places and can’t see the missing heading structure at all.

Homepage mobile

Performance
Before52
Design74
Accessibility
Before86
Design81
Best Practices
Before57
Design96
SEO
Before100
Design91

Shop mobile

Performance
Before59
Design84
Accessibility
Before90
Design85
Best Practices
Before57
Design96
SEO
Before92
Design91

Product page mobile

Performance
Before48
Design88
Accessibility
Before82
Design85
Best Practices
Before57
Design96
SEO
Before92
Design91

Homepage · desktop desktop

Performance
Before81
Design88
Accessibility
Before83
Design81
Best Practices
Before56
Design96
SEO
Before100
Design91
BeforeLive on Shopline (stock theme)New storefront design
Findings Register

22 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 hero is the thing the brief rules out — a bottle slideshow
Twelve-image slideshow of bottle shots with one button, “SHOP seasonal syrups!”; the SOP: “Do not make the hero primarily a static bottle shot … use lifestyle food photography”.
Food hero — syrup on a stack — with “Southern flavor. Made for gathering.”, Shop Barlow’s / Find a Store and the proof line. Home In the design
high Thirteen apps put 331 requests and 19 MB behind the homepage
Desktop homepage: 331 requests, 19.2 MB, 34 third-party hosts — Yotpo (reviews + loyalty) ×4, Klaviyo ×5, Hotjar ×3, Google ×5, Facebook ×2, tawk.to, Smile.io, Avada subscriptions, notify-me, SMSBump, Hulk forms, Stockist, YouTube. Mobile: 320 requests, 18.5 MB. PDP: 360 requests, 35 hosts, DOM 6,149 nodes.
33 requests, 1.9 MB, 4 hosts, no trackers on the prototype; the build re-adds only the services the merchant keeps (Yotpo, Klaviyo, Stockist) and self-hosts imagery. Tech In the design · app audit: client decision
medium Three persistent layers over the page on load
“$5 Shipping on orders of $18 or more*” bar on top, a pinned “Join our REWARDS program save 10%” bar at the bottom, a tawk.to chat bubble bottom-right — on every page, desktop and mobile.
One announcement bar (free shipping over $45 · All day. Any way.); rewards and chat are build-time decisions, not default layers. Home In the design
medium A video section that renders blank
Between the mix products and the syrups a full-width section holds a YouTube embed that paints white in the capture; the merchant’s SOP lists “published videos not functional / no sound”.
No video section in the design until a functional, captioned video exists; the slot is the “More than pancakes” row. Home In the design
high 634 reviews that never reach the homepage or the collection cards
Peach Cobbler Syrup PDP: Yotpo distribution 532 / 41 / 30 / 21 / 10; no rating on any homepage or collection card; the SOP: “lack of upfront broadcast reviews”.
Stars and counts on every card, a review block on the homepage and PDP, award / customer-favourite badges; counts are placeholders until Yotpo is wired. Trust In the design · data: build list
medium Awards and press exist but don’t dominate
Seven media logos under the slideshow; the Flavor of Georgia win is a sticker on a product image and a clause in the PDP copy; the SOP: “awards and press lack dominance”.
“Award-winning Southern flavor” strip, Award winner badges on cards and the PDP, the proof line in the hero; Awards & Press under Our Story. Trust In the design
medium Template feel, three typefaces, typos, a developer credit
Stock Flow theme; Nunito Sans, Poppins and Instrument Sans on one page; “Easy to Make Recipies” and “Join us to recieve recipes”; “Designed By: Tech Wisdo” in the footer; the SOP: “aesthetic non current, no wow factor, template/patchwork feel”.
Anton headlines, Archivo body, a script accent, #BA0707 red, “ALL DAY. ANY WAY.” as the voice, food photography throughout. Brand In the design
high Operational links in the primary nav; Wholesale is a dropdown to marketplaces
Our Story · Shop · Nutrition · Recipes · Find us · Wholesale · Track order; Wholesale drops down to “Shop Faire” and “Shop Mable”; no Gift entry; the SOP: remove Track Order, Nutrition, Privacy, Terms, Contact, Blog and individual marketplaces from primary navigation.
Shop · Recipes · Gift · Our Story · Wholesale · Find a Store; utility on the right; operational links in a grouped footer. Navigation In the design
high The “Wholesale” footer link opens a job-application form
/pages/wholesale-inquiry — linked from the footer as both “Wholesale” and “Join our team!” — contains First name, Last name, “Opportunities: Warehouse Assistant $18/hr, Production Assistant $18/hr”, résumé upload and reCAPTCHA. There is no wholesale page.
A wholesale page with why-retailers, trade terms, a retailer quote, the lead form (company, store type, locations, state, estimated opening order …) and retailer login; a careers page, if wanted, under Our Story. Navigation In the design
medium Thirteen collections for twelve products, four duplicate or empty
syrups (8) and peach-cobbler-syrup (8) hold the same products; blueberry-lemon-syrup (1), strawberry-bourbon-syrup (1), black-friday (2), black-friday-breakfast-bundle (3), barlows-boxes (1); wholesale (0), gift-cards (0). Homepage product links route through /collections/peach-cobbler-syrup/products/….
Shop → Mixes · Syrups · Bundles · Gifts (+ Merch, Seasonal) with one canonical product URL each; old collection URLs 301 in the build. Shop In the design · redirects: build list
medium The 3-in-1 mix is two products instead of one with a size option
original-mix (“1 - 16oz. bag”, $10.00) and original-pancake-mix-2-pack (“2 - 16 oz. bags”, $18.99) are separate products with separate pages, reviews and URLs.
One 3-in-1 mix with size / value options, per the SOP’s Mix collection brief; “Build your Barlow’s breakfast” bundles on top. Shop In the design · merge: build list
low Collections have no description, filter or badge
/collections/syrups: “Syrups”, then cards — vendor, title, price, Add to cart; no copy, no flavor or season filter, no best-seller or award badge.
Header + one-line description, Flavor / Season / Best-for filters, sort, badged and rated cards, the bundle offer under the grid. Shop In the design
medium One paragraph where a syrup buyer needs four answers
Peach Cobbler Syrup: a single description paragraph; no size / servings / ingredients / allergens table, no taste profile, no how-to-use, no recipe; “You may also like” is the only structure.
Why you’ll love it · Product details · What does it taste like? (sweet / fruit / spice) · How to use · Make this with Barlow’s · reviews · Complete your breakfast. PDP In the design
medium A buy box that stops at Add to cart
Stars, $8.99, quantity, subscription widget, Add to cart; no shipping message, no trust line, no Buy now; the $5-on-$18 shipping offer lives only in the announcement bar.
Free-shipping progress under the button, trust line, Buy now; subscribe-and-save kept in the buy box in the build. PDP In the design
low The heaviest page is the one that sells
PDP: 360 requests, 3.5 MB, 35 third-party hosts, 6,149 DOM nodes, three sticky elements (bars, chat), 8 of 27 images without alt.
25 requests and 575 KB on the prototype PDP; images self-hosted and sized in the build. PDP In the design
high Forty-four recipes that link to nothing
/pages/recipes: 44 thumbnails with names under “EASY TO MAKE RECIPES”; no category, time, ingredients or product link; no H1; 40 of 43 images without alt; the SOP: “recipe page is choppy; not sure of SEO lift”.
The Barlow’s Table — category chips, time and difficulty, “Made with Barlow’s → product · price · Shop this” on every card; recipe schema and URL migration in the build. Content In the design · migration: build list
medium Corporate gifting does not exist
A $10 / $25 gift card and a “Gifts” product tag; no corporate, host or holiday gifting page; corporate inquiries are a KPI in the SOP.
Corporate gifting page — who we serve, five quantity tiers, the five-step process, Request a quote / Start my corporate gift; Gift in the main nav. Content In the design
low Find us is a widget page
/pages/store-locator-1: “Enter your city or postal code…”, then “Loading store locator from Stockist store locator…”.
“Find Barlow’s near you” ZIP block on the homepage; a location-first Find a Store page on the Stockist data is on the build list. Content Build list
high Semantics: headings, buttons, labels
Current site: the homepage H1 is the logo image; no H1 on recipes, story, FAQ or wholesale; 24 of 49 homepage images without alt. Prototype: alt on every image, but no h1–h6, no <button> (every control is a div skipped by Tab), no <nav>/<main>, placeholder-only inputs, no lang; header Search / Account / Cart are inert on most templates.
Semantic headings and controls, labels, landmarks, lang, unique titles and meta descriptions, structured data (Organization, Product, Review, Recipe, Breadcrumb) in the build — the SOP’s SEO and accessibility sections. Tech Build list
medium Email capture the merchant can’t trust
Merchant-reported in the SOP: “10% off email capture not functional; unaware of where discount is sent”. On the site, the offer is the pinned Yotpo rewards bar; the newsletter form in the footer is a separate Klaviyo/Shopify form.
One email capture in the design (“Join the Barlow’s Table”); audience-specific flows and a verified discount delivery in the build. Content Build list
low Mobile pass landed — two measured gaps remain
Second pass: no horizontal overflow at 320–414, hamburger menu, stacked hero CTAs, two-column grid, sticky add-to-cart on the PDP. Lighthouse mobile: home 74 (LCP 5.5 s, hot-linked hero), shop 84 with CLS 0.196 (cards reflow as images arrive), PDP 88.
Width/height and srcset on every image to remove the shift and self-host the hero; a real <button> hamburger with aria-expanded, focus and Escape in the build. Mobile Build list
medium Stock photography on the selling surfaces of the prototype
Shop cards, the PDP gallery, the cart drawer and recipe cards use stock images (a honey dipper for Peach Cobbler, a box of chocolates for a placeholder Gingerbread syrup); the real pack shots appear only on the homepage cards; the founder slot is blank.
Place the brand’s pack shots and food photography per the SOP shot list; no stock on a selling surface. PDP Client asset · build list
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

Merchant sign-off on the design, range and pricing

Prototype prices are placeholders ($8.99 on the home cards, $12.99–$15.99 in the shop; live syrups are $8.99) and the bundle copy promises free shipping below the $45 threshold; Gingerbread, Lemon and Berry Cobbler are placeholder flavors; badges (Award winner, Customer favorite) need the data behind them. One price list, one threshold.

Client decision
2

Mobile QA after the mobile pass

Verify 320 / 375 / 414 and tablet per the SOP; 44px touch targets; a semantic hamburger (button, aria-expanded, focus trap, Escape); fix the shop grid’s layout shift (CLS 0.196) with image dimensions; self-host the hero image for LCP.

Build list
3

Cart drawer on every template

The prototype’s drawer exists only on the PDP (home and shop show a toast), has no dialog semantics or quantity controls, and the cart resets on navigation. One persisted cart, a drawer with the free-shipping bar and one complementary recommendation, as the SOP specifies.

Build list
4

Photography

The brief’s shot list — hero lifestyle, pancakes / waffles / biscuits, syrup pour, ingredients, gathering, gifting, founder, production, retail, recipes, seasonal. The prototype uses stock imagery on shop cards, the PDP gallery and recipes, the founder slot is empty, and the real images are hot-linked from the current store.

Client asset
5

Semantic HTML, metadata and structured data

h1–h6, real <button> and <label> elements, <nav>/<main>, lang, unique titles and meta descriptions, canonical and Open Graph, Organization / Product / Review / AggregateRating / Recipe / Breadcrumb schema — the prototype renders headings as styled text and every control as a div.

Build list
6

Reviews, loyalty and subscriptions

Wire Yotpo (634 reviews on Peach Cobbler alone) into cards, PDP and the homepage block; subscribe-and-save in the buy box; decide whether the rewards program stays and how it shows.

Build list
7

App audit

Thirteen third-party services today — Yotpo, Klaviyo, Hotjar, tawk.to, Smile, Avada, notify-me, SMSBump, Hulk, Track123, Stockist, Facebook, GTM/GA. Decide what survives the move; keep existing analytics until the new tracking is validated (SOP §19).

Client decision
8

Wholesale and corporate gifting funnels

Lead forms to the CRM / email workflow with the SOP’s fields; retailer login; wholesale catalog PDF; real MSRP, case pack, MOQ, lead time; a retailer testimonial to replace the placeholder.

Client decision · build
9

Recipe migration

Export the 44 recipe URLs, map each to The Barlow’s Table, tag with the product used, 301 the old URLs, check Search Console after launch (SOP §24).

Build list
10

Find a Store page

A location-first page on the Stockist data — ZIP input, distance, hours, directions — beyond the homepage ZIP block.

Build list
11

Shopline build and cutover

Header, footer and announcement bar as global sections; collections with filters; PDP blocks as metafields (flavor profile, best use, allergens, recipes, badges); cart drawer with the free-shipping bar; GA4 events; redirects; then cutover.

Scheduled
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.