NORTHSTAR RETAIL · NORTHSTAR RETAIL · E-COMMERCE

Headless storefront rebuild that lifted conversion rate.

Replaced a monolithic shop with a composable Next.js storefront, tightened checkout, and pushed caching to the edge so EU shoppers stopped paying a latency tax at cart.

Client

Northstar Retail

Sector

Web Development · E-commerce

Timeline

12 weeks

Services

Storefront engineering, CMS, edge performance

Year

2025

THE CHALLENGE

Monolith UX capped AOV; EU latency capped trust

Northstar’s monolith handled Black Friday — technically — but PDP latency in the EU eroded conversion on high-AOV categories. Merchandising wanted editorial velocity; engineering feared every CMS field became a SQL join. Checkout abandonment sat stubbornly above benchmark despite discounts.

The CEO framed the trigger as “make premium feel premium online” before a partner channel launch. Twelve weeks to first composable release with no catalogue freeze longer than a weekend.

We kept Shopify as commerce truth and refused to fork pricing logic into a bespoke cart. Constraint: one CMS for storytelling; no second content swamp.

// TODO: Verify with client legal before publishing — commercial framing and benchmarks.

OUR APPROACH

Composable commerce with boring data paths and brave UX cuts

Framing. A storefront is a latency budget and a trust surface. We prioritised TTFB and checkout friction before visual novelty.

Architecture. Next.js storefront calling Shopify APIs, Sanity for editorial, Cloudflare for caching and WAF rules tuned with merchandising promos in mind. Inventory reads stayed near real-time; cache keys respected stock thresholds.

Phasing. Weeks 1–3: performance baseline + dead code removal. Weeks 4–8: PDP and PLP rebuild with component library. Weeks 9–12: checkout experiments and edge rollout.

Judgment. We killed a 3D product viewer that tanked LCP; marketing mourned briefly, finance did not.

// TODO: Verify with client legal before publishing — architecture and partner integrations.

THE OUTCOME

Conversion and checkout discipline moved in the same direction

Conversion rate on the rebuilt path rose 24% with SKU mix held constant in reporting. Checkout drop-off from cart to paid fell 39% after address validation and shipping logic were simplified. Mobile Lighthouse p75 on PDP templates reached 94; EU p95 TTFB improved 22% once edge caching rolled out.

Northstar’s team owns the design system now; we left a playbook for promo-week cache invalidation. Engagement continues with seasonal performance reviews rather than a standing dev army.

// TODO: Verify with client legal before publishing — experiment design and uplift claims.

+0%

CONVERSION RATE

same SKU set, A/B on checkout path

0%

CHECKOUT DROP-OFF

funnel from cart to paid

0

LIGHTHOUSE

p75 mobile score on PDP templates

0%

P95 TTFB EU

edge-cached PDP vs. origin-only baseline

WHAT WE LEARNED

Honest postmortem on merchandising vs. engineering tension

We waited too long to involve store ops in shipping logic — their reality checks would have saved a week of rework. We were surprised how aggressively bot traffic skewed checkout tests; bot rules moved earlier in the plan.

Next time we would publish a single executive metric sheet (conversion, AOV, returns) before touching components — alignment tool more than a dashboard.

// TODO: Verify with client legal before publishing — organisational reflections.

TECH STACK / TOOLS

What shipped in production

Next.jsShopifySanityCloudflare

GALLERY

Inside the delivery

Kairos Advisory

Next case study

Client onboarding workspace with automated document flows.

Shipped a secure workspace that routes forms, evidence uploads, and signatures across roles — shorter cycles, higher completion, fewer status emails.

Ready when you are

Let’s build something excellent.

Tell us about the work. We reply within one business day with a written point of view, not a pitch.