Needed to migrate their tour content into a CMS for easier, independent content management by the team
02
Wanted a flexible setup that allows non-technical users to create and update content without developer involvement
03
Required the ability to run A/B tests on quiz content to optimize user engagement and conversion
04
Sought a scalable and maintainable solution that would support future growth and content experimentation
Projects in Numbers
23
Collections created
7
User roles
9
Languages supported
Our Solutions
Customized Payload CMS with a self-hosted PostgreSQL setup and tailored content model for quizzes
Integrated the CMS with the frontend via a custom API for better performance
Built a granular role-based access system and a controlled publishing workflow
Implemented live previews for all content types directly in the admin panel
Enabled A/B testing logic inside the CMS for easy content variation setup
Designed a custom admin navigation bar for faster access to key documents
Project Tech Stack
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
React framework for building fast, SEO-friendly web applications with server-side rendering and static site generation.
PostgreSQL
Powerful open-source relational database system known for its reliability, flexibility, and advanced features. It's widely used to store and manage structured data for web, mobile, and analytics applications.
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
3
Advanced CMS Navigation & Roles
Custom navigation bar and granular role-based permissions provide enterprise-level content access management, making the CMS intuitive for content managers.
2
3
Live Preview in Payload CMS Admin
The team can instantly preview how content will look on the site, reducing iteration cycles and ensuring quality output across 9 language versions.
3
3
Interactive Quiz Experience
Letting users select multiple health goals in a visually rich format, this quiz is backed by a CMS content model that makes A/B testing and content updates seamless.
What our client says
Daniel Albert
We hired FocusReactive to help us choose and implement the right headless CMS for creating dynamic tours, and they delivered exactly what we needed. Their expertise laid a solid foundation, and now our internal team can confidently continue the work. Communication was smooth, and the collaboration felt like a true extension of our team.
