Case study · 01 · 2023 · Shopify DevelopmentHealf

Healf
Shopify Redesign

Full storefront redesign and rebuild on Shopify. First month after launch: +45% sales, +46% orders, +4% conversion rate, and 41% fewer returns.

01 / Above the fold · 2023 · Shopify Development
healf.com
Healf Shopify Redesign, above the fold
Hero · live storefront
ClientHealf
Year2023
ServiceShopify Development
StackShopify · Liquid · Custom Sections · Performance
01 / The work

The project.

Healf came to us with a Shopify storefront that was technically working (products listed, checkout functional) but doing none of the work a storefront should. Pages felt visually disconnected from the brand. Product information was buried. Imagery was inconsistent. The result was high traffic with stalled conversion, customers abandoning carts mid-flow, and a return rate that suggested the site wasn't telling people what they were actually buying.

We rebuilt the storefront end to end on Shopify with a custom Liquid theme. New design system from the typography up: type scale, spacing rules, component primitives. Section schemas designed around the editorial team that has to use them, so the homepage, collection pages, product templates, and editorial pages all share the same building blocks. Custom product templates surface ingredients, certifications, and use cases up front instead of buried under-the-fold.

Performance was treated as a design problem, not a postscript. Lazy-loaded imagery, prefetched product pages on collection hover, theme assets trimmed and split, structured data wired in. The result is a storefront that loads fast, reads honestly, and lets customers see exactly what they're buying before they buy.

The first month after launch the numbers spoke for themselves: conversion rate up 4%, total sales up 45%, total orders up 46%, returns down 41%. The drop in returns is the one we're proudest of. It's a direct measure of how much more transparent the new product pages are. Fewer disappointed customers, fewer reverse logistics, less margin lost to returns processing.

Outcome
+45% sales · +46% orders · +4% conversion rate · 41% fewer returns. First month after launch.
Healf · 2023
02 / Process

How we built it.

Steps that mattered for this project.

01 / Audit

Storefront audit & usability pass

Mapped where the existing storefront stalled (buried product info, inconsistent imagery, slow load) before designing any of the rebuild.

02 / System

Design system & custom Liquid theme

Type, spacing, component primitives, section schemas built around the editorial team. New product templates surfacing ingredients, certifications, and use cases up front.

03 / Performance

Speed & structured data

Lazy-loaded imagery, prefetched product pages, trimmed theme assets, schema markup. Performance treated as a design problem, not a postscript.

04 / Support

A/B testing & one-year retainer

Twelve months of post-launch iteration: A/B tests on key templates, conversion experiments, and continued design work as the catalog and storefront grew.

03 / Tools & platforms
  • Shopify
  • Liquid
  • Custom Sections
  • Recharge Subscriptions
  • Klaviyo
  • Yotpo Reviews
  • Algolia Search
  • Web Vitals
05 / Next

Building something similar?
Tell us about it.