Beauty · SubscriptionHeadless · Next.js

Fast headless storefront for a beauty brand with subscriptions

Headless Next.js storefront on Shopify for a subscription beauty brand — Lighthouse 99, sub-second PLPs and a retention portal with no UX compromises.

Results

99
Lighthouse score
+63%
Mobile revenue
+21%
Subscriber retention

Challenge

The subscription beauty brand had a slow storefront, rigid bundles and a subscription portal fighting theme limits. 70% of traffic came from mobile, and every extra second cost conversion and retention. The goal: premium experience, top performance and campaign flexibility without slow deploys.

Approach

We built a headless Next.js storefront on Shopify with a reusable component library for campaigns and PDPs. Recharge handled subscription flows, and a CI performance budget blocked regressions. A brand-aligned design system with mobile-first focus and native Shopify checkout.

  • Headless Next.js architecture + Shopify Storefront API
  • Design system & component library for campaigns and landings
  • Recharge integration: subscribe & save, skip, swap and customer portal
  • CI performance budget — LCP, CLS and bundle size monitored
  • Mobile PDP CRO: bundle builder, reviews and sticky CTA
Client voice

The site feels premium and loads instantly on mobile — exactly what our retention strategy needed.

Ecommerce Director, beauty

Ready to grow your store?

Book a 30-minute call. We'll tell you straight what would move the needle for your business — no generic pitch.