Kids Empire Case Study

verified October 2026

100+ locations, 3 languages, and a fully empowered marketing team in 8 weeks — launching a scalable content system for a fast-growing US brand

Challenge

Kids Empire, a fast-growing family entertainment brand, was expanding rapidly, but its corporate website couldn’t keep up. Their marketing team faced an immediate roadblock: the modern Next.js site was entirely hardcoded. Every new landing page, every text update, and every campaign required a developer, creating a significant bottleneck that stifled marketing agility.

The company needed to move at the speed of its growth. This meant empowering the marketing team with full content autonomy, building a system to seamlessly launch and manage 100+ park locations, preparing for expansion by adding Spanish for the U.S. market and French for the Canadian market, and fixing critical gaps in technical SEO and web accessibility—all within a tight 2-month deadline.

Web Design & Headless Build

Composable UI Design & Scalable Headless Architecture

Web Design

We replaced hardcoded layouts with a composable design system using Tailwind CSS. By breaking the UI into 38 reusable blocks, marketing can visually build pages without developers, while a custom in-editor WCAG checker ensures accessibility by default.

Headless Build

Powered by Payload CMS and Next.js, we eliminated IT bottlenecks. A custom Location Engine bulk-imports 100+ parks with live Google Places data, while a multi-tenant architecture supports 3 languages—delivering 100% marketing autonomy and lightning-fast performance.

Solution

As an engineer-led, AI-native agency, we delivered a high-performance content system designed for marketing autonomy and operational scale. We replatformed the entire digital presence to a headless architecture using Payload CMS and Next.js, focusing on reusable components and automated workflows. We engineered a system that gave the marketing team back control:

  1. Composable Page Architecture:
    We broke down every page design into 38 reusable content blocks. This modular approach allows the marketing team to independently build, preview, and launch any page—from the homepage to new campaign landers—without writing a single line of code.
  2. Automated Location Engine:
    We turned new park openings from an engineering project into a simple editorial task. Editors can now bulk-import new locations via CSV, with the system automatically handling Google Places data integration (ratings, reviews) and generating a full set of templated location subpages (e.g., birthday parties, hours) in a single click.
  3. Accessibility & SEO as Defaults:
    We built a robust technical foundation for organic growth and compliance. This included automated JSON-LD structured data for all content types, a full suite of on-page SEO controls, and a custom-built accessibility checker directly in the live preview toolbar, flagging WCAG contrast issues before they go live.
  4. Performance-First, Static-First Delivery:
    To ensure a fast user experience, we implemented a static-first rendering strategy on Vercel. Using tag-based on-demand revalidation, content edits go live globally in seconds without sacrificing the performance and reliability of a fully static site.

Results in Numbers

8
weeks from kickoff to launch
0
developers needed for content updates
100+
park locations managed in the CMS
170+
pages rebuilt
3
languages with localized routing

Before Migration vs After Migration

Hardcoded content. Every text change or new page required a developer, taking days or weeks.
Full marketing autonomy. New pages and campaigns are built and launched same-day using a visual builder with 38+ components.
Single-language (English) site with no technical foundation for entering new markets.
A flexible, multi-tenant architecture supporting 3 locales (EN/ES/FR) with localized routing, ready for global scale.
Marketing editors published content blindly, relying on manual post-launch audits to catch missing meta tags, broken layouts, or legal compliance violations.
The CMS acts as an automated QA assistant, automatically handling technical markup under the hood and flagging design or contrast issues in the preview screen before pages go live.
Workflow was slow and dependent on the engineering backlog, stifling campaign execution.
Accelerated time-to-market with modern editorial tools, including live preview, drafts, and scheduled publishing.

Tech Stack

Payload CMS logo, white geometric hexagon icon

Payload CMS

A headless CMS powered by TypeScript and Node.js, providing you with complete command over your data models, API, and business rules.

Next.js logo

Next.JS

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

PostgreSQL elephant logo in blue and white

PostgreSQL

A powerful open-source relational database for web, mobile, and analytics applications.

Team behind the project

Denis Urban

Denis Urban

Principal Engineer
Petro Orel

Petro Orel

Full-Stack Engineer
Artsiom Kaplich

Artsiom Kaplich

JavaScript Engineer

Recent Projects

Arrive

View Live
Arrive logo overlaid on man talking on phone in a train
Industry
Mobility & Transportation
Technical stack
Storyblok
NextJS
Tailwind
Vercel
Scope of work
Design
Website Development

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

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

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
Subject
Estimated Budget (EUR)
Timeframe