Lucian Light Case Study

Client's challenge

01

Legacy WordPress and PHP setup that was difficult to scale and maintain

02

Outdated visual design and poor mobile experience

03

Website not optimized for SEO, limiting organic discoverability

04

Non-standard sales flow without traditional eCommerce functionality

05

Need for flexible product and content management without increasing operational complexity

Projects in Numbers

100+
products with full variant support
150+
pages migrated and rebuilt
14
customizable content blocks
1
custom product inquiry workflow replacing traditional eCommerce

Proven Headless Solutions That Perform

Migrated the website from WordPress and PHP to a modern stack based on Next.js and Payload CMS

Built the marketing website from scratch based on the client’s Figma designs, focusing on clarity, performance, and mobile usability

Designed a scalable product architecture supporting categories, brands, finishes, and technical specifications

Implemented advanced product filtering to help users navigate a complex catalog efficiently

Created a custom, cart-like inquiry flow using forms and downloadable PDFs, tailored to the client’s business model

Delivered an SEO-first architecture with server-side rendering, automatic sitemap generation, and image optimization

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.

Teal wave logo icon with two curved S-shaped forms

Tailwind

A utility-first CSS framework that lets you build custom user interfaces directly in HTML or JSX by composing small, reusable utility classes instead of writing traditional CSS.

MongoDB logo, green circle with white leaf icon

MongoDB

An open-source, document-oriented NoSQL database that stores data in flexible JSON-like documents (BSON) instead of traditional tables, allowing for dynamic schemas that change as your application evolves.

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 Information Architecture 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 3

Advanced Product Filtering System

A flexible filtering engine allowing users to browse products by category, brand, finish, and technical parameters, optimized for both desktop and mobile.

2 3

Payload CMS with Live Preview

Custom CMS setup with live previews for collections and global components, enabling safe and efficient content updates.

3 3

Mobile-First Product Experience

Touch-optimized product cards, drawer-based filters, and responsive layouts designed specifically for mobile users.

Our lean, senior team

Alex Hramovich

Alex Hramovich

VP of Engineering
Denis Urban

Denis Urban

Principal Engineer

Recent Projects

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

EasyPark

View Live
Laptop on pink surface showing a website with colorful hero section
Industry
Parking & Mobility
Technical Stack
Storyblok
Next.JS
Vercel
Scope of Work
Design
Website Development
Maintenance

TrafficGuard

View Live
Laptop on dark surface showing TrafficGuard digital ad fraud protection site
Industry
Advertising Technology
Technical stack
Sanity
NextJS
Vercel
Scope of Work
Website Migration
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