Case study
Replaced a decade-old commerce stack with a headless Next.js platform — 3× faster page loads and a 45% lift in conversion rate.
Client
GlobalRetail Inc
Industry
Personalized Shopping Experiences
Technology
Next.js, React, Node.js
Timeline
12 weeks
Key outcomes
3× faster
Page Load Speed
LCP: 8.4s → 2.6s
+45%
Conversion Rate
first 60 days post-launch
−54%
Mobile Bounce
68% → 31%
+35%
Revenue Lift
YoY same-period comparison
The challenge
GlobalRetail's platform was a 10-year-old PHP monolith. Mobile bounce rate was 68%, LCP averaged 8.4 seconds, and every release required a two-week freeze. Their development team spent 60% of sprint time on maintenance, leaving little room for new features.
Our approach
We migrated to a headless architecture: Next.js 15 on the frontend with Incremental Static Regeneration, a headless commerce API layer, and Cloudflare for edge caching. Product images were processed through a custom Next/Image pipeline with automated WebP conversion. The monolith was strangled service-by-service over 12 weeks to avoid a big-bang cutover.
Results & impact
LCP dropped from 8.4s to 2.6s. Mobile bounce rate fell from 68% to 31%. Conversion rate climbed 45% in the first 60 days post-launch. The engineering team now ships features weekly instead of fortnightly.
What we delivered
Next.js 15 Storefront
Mobile-first, ISR-powered storefront with sub-3s LCP on 4G.
Headless Commerce API Layer
Decoupled product catalogue, cart, and checkout APIs replacing the PHP monolith.
Edge Caching Configuration
Cloudflare rules and cache-key strategy for product pages and category listings.
Image Optimisation Pipeline
Automated WebP conversion and responsive srcset generation for 200K+ product images.
“
We'd been told a replatform would take 12 months and cost $2M. ArrayMatic did it in 12 weeks and we were shipping features the day after handoff.
David Park
CTO · GlobalRetail Inc
Related work
