Lunacy Audio Case Study

We rebuilt Lunacy Audio’s legacy WordPress stack into a fully custom headless commerce platform powered by Payload CMS, Supabase, and Stripe

Client's challenge

01

Legacy WordPress and WooCommerce stack created slow storefront performance and poor checkout experience

02

Existing architecture limited design flexibility and blocked the company’s rebranding efforts

03

Plugin authorization and license management operated as a separate fragmented system

04

Large-scale legacy data migration required preserving orders, customers, coupons, and license keys without disrupting operations

05

Marketing and support teams lacked centralized tooling for managing sales, coupons, and customer workflows

06

Digital product delivery and licensing infrastructure needed to scale with growing daily active users

Projects in Numbers

110k+
orders migrated from WooCommerce
100k+
customer accounts migrated to Supabase
15+
highly animated landing sections
500k+
license keys consolidated into the new system
15k
DAU supported by the licensing/auth plugin
190k+
coupons migrated and synchronized

What We Build

Rebuilt the entire commerce platform on a headless architecture using Payload CMS, Next.js, Supabase, Stripe, and Vercel - replacing the legacy WordPress stack with a scalable system fully owned by the client

Consolidated fragmented business logic into a single platform covering authentication, licensing, subscriptions, orders, coupons, and customer management

Rewrote the AWS-based authorization and license activation layer, migrating it to Supabase-backed infrastructure with improved maintainability and scalability

Migrated legacy WooCommerce customers, orders, coupons, and license keys into a unified Supabase data layer while preserving operational continuity

Built a fully custom digital commerce workflow including dynamic pricing, bundles, subscriptions, expirable download links, and personalized storefront experiences

Developed operational tooling for marketing and support teams, including bulk coupon generation, Klaviyo synchronization, sales management dashboards, and Stripe transaction reconciliation

Implemented a highly optimized frontend with animated product storytelling, fast two-click checkout, and personalized commerce sections driven by customer purchase history

Project Tech Stack

Payload CMS logo, white geometric hexagon icon

Payload CMS

Modern self-hosted headless CMS built with TypeScript and Node.js, offering full control over data structure, API, and business logic.

Next.js logo

Next.JS

React framework for building fast, SEO-friendly web applications with server-side rendering and static site generation.

Vercel platform logo

Vercel

A cloud platform for hosting and deploying frontend applications, built to work seamlessly with Next.js and modern frameworks.

Green abstract lightning bolt logo formed by two overlapping triangular shapes on a transparent background

Supabase

Postgres development platform.

White letter S on purple rounded square app icon

Stripe

Online payment platform that lets businesses accept payments and manage transactions over the internet.

How we work

Governed and Scalable, by Design

We design content models, editorial workflows, and governance into the architecture from day one to make you CMS clean and usable as your team, markets, and channels grow.

Editorial UX boosts your marketing team's speed and freedom. They can build pages, launch campaigns, and manage content without needing developer help.

Performance & AI SEO by Default

Each project includes a complete SEO + LLM optimization. Performance baseline as standard: Core Web Vitals, structured data, rendering strategy, and AI SEO setup.

Scalable Next.js architecture derived from 7+ years of experience.

Already live? Our Next.js SEO audit gives you an actionable, dev-ready assessment of where you stand.

Predictable & Efficient Delivery

90% of our projects fit the initial budget. That comes from the time we invest upfront — understanding exactly what we're building before a single line of code is written.

Our CMS Kit has page builders, navigation, localization, content models, and SEO settings. It boosts every engagement. Plus, it won’t limit your choices. It's a smart starter refined across dozens of production deployments, not a constraint.

Key Features

1 6

Personalized Commerce Sections

Dynamic storefront sections personalized based on customer purchase history and existing product ownership.

2 6

Bulk Coupon Management

Custom internal tools for generating, exporting, and synchronizing coupons directly with Klaviyo campaigns.

3 6

Centralized Sales Dashboard

Single operational interface for managing discounts, product sales, pricing logic, and commerce campaigns.

4 6

Two-Click Checkout Experience

Optimized Stripe-powered checkout flow minimizing friction for digital product purchases.

5 6

Customer Portal

Custom account area allowing users to manage purchases, licenses, downloads, and subscriptions in one place.

6 6

Animated Product Storytelling

Custom animated product sections built to support Lunacy’s creative brand identity and product marketing.

What our client says

Casey Kolb, CEO & Founder of Lunacy
Casey Kolb, CEO & Founder of Lunacy

FocusReactive rebuilt our WordPress site on a modern CMS to support a much larger-scale application. They handled frontend development, backend integrations, data migration, and ongoing support, including a successful migration of 150,000 users. The new site is significantly faster and easier to navigate, and the team has been highly organized, efficient, and communicative throughout the project

Meet the team behind the project

Maksim Hodasevich

Maksim Hodasevich

Solution Architect, Tech Lead
Anastasiya Sokolova

Anastasiya Sokolova

Project / Delivery Manager
Pasha Hurs

Pasha Hurs

Frontend Developer
Gleb Colei

Gleb Colei

Frontend Developer

Recent Projects

Lucian Light

View Live
Lucian sign with arrow on illuminated wall in hotel interior
Industry
Wholesale Building Materials
Technical Stack
Next.JS
Payload
Vercel
Scope of Work
Migration to Payload CMS
Maintenance

EmailOctopus

View Live
EmailOctopus logo with a white cartoon octopus icon and text on a dark purple background
Industry
Technology, Information and Internet
Technical Stack
Next.JS
Payload
Vercel
Neon database
Tailwind
Scope of Work
Design
Website Development
Maintenance

Firsty

View Live
Laptop floating in clouds showing Firstly free mobile network website
Industry
Telecommunications
Technical stack
Storyblok
NextJS
Vercel
Scope of Work
Website Migration
Maintenance

Reverse Health

View Live
Laptop showing fitness and weight loss website for women over 40
Industry
Health & Wellness
Technical stack
Payload CMS
NextJS
PostgreSQL
Scope of Work
Website Development
Maintenance

What we write about Payload

Payload CMS overview
Payload CMS logo on dark abstract background

Payload CMS overview

Discover how Payload CMS combines the power of headless content management with developer-focused features for project flexibility and control.
Why Payload CMS is the Best CMS for NextJS
Payload CMS and Next.js logos side by side on dark textured background

Why Payload CMS is the Best CMS for NextJS

This article delves into the unique aspects of Payload CMS in the Next.js ecosystem, and how it outperforms competitors.
Custom Admin Panels With Payload CMS
Payload CMS collections dashboard with dark theme showing field types grid

Custom Admin Panels With Payload CMS

Payload CMS has emerged as the leading solution for developers seeking a powerful, flexible platform to build custom admin panels.

Your project, our CMS craft

  • Respond within a day
  • Intro call to sync
  • Proposal within 2-3 days
Top Sanity Developers 2024, 2026
Top Medusa Developers
Top NextJS Developers 2023, 2025, 2026
#1 in Top Sanity Developers in UK 2026