130+ landing pages and 450+ blog posts migrated to a headless CMS in 2 weeks — with 0 downtime and a 3-year ongoing partnership
Challenge
The marketing team at MarketFinance (now Kriya) was trapped by its own website. Their successful Next.js site, with hundreds of pages and a complex design, had become inflexible. All content was hardcoded, meaning every text change or new landing page required a developer. This bottleneck slowed marketing, increased costs, and stripped the team of its autonomy.
Migrating to a headless CMS was the clear solution, but the site wasn’t built for it, and the CMS’s own limitations made it impossible to replicate every unique design component.
Our Solutions
We engineered a system that gave the team back control. To overcome technical constraints and preserve the rich design, we implemented a three-level content model:
Structured Components: Frequently used blocks (text, text + image) became simple, structured elements in the CMS.
Custom Blocks: For rarer designs, we created a universal block type that stored content as JSON, providing flexibility without cluttering the interface.
Full-Page Content: For the most complex pages, all content was managed as a single entity, preserving their unique design and structure.
This approach empowered editors to build new pages independently by combining ready-made blocks. The migration was phased to ensure the live site was never disrupted.
Results
0
Hours of Content Freeze During Migration
2
Weeks to First Editable Content in CMS
525+
Pages under Full Editorial Control
35+
Custom Components for the Marketing Team
3+
Years of Ongoing Support
Before FocusReactive vs. After FocusReactive
Constrained by Contentful's rigid content models.
Flexible, developer-defined content models in Sanity that match any design.
Developers still needed for creating new page layouts.
Marketing team is fully autonomous, building complex pages without code.
A generic, one-size-fits-all editing experience.
A custom-built Sanity Studio, tailored to the team's exact workflow.
Workflow slowed by CMS limitations and developer dependencies.
Accelerated time-to-market with a powerful and intuitive platform.
Facing scalability and pricing concerns with Contentful's structure.
A cost-effective and highly scalable solution with Sanity's usage-based model.
Project Tech Stack
Contentful
Contentful served as the CMS for storing and managing website content, enabling content editors to update and publish content easily
Next.JS
We used NextJS to build the frontend of the website and customized an Express server for server-side rendering and routing
Pardot
Pardot was integrated to handle and manage forms on the website, ensuring seamless lead generation and data collection
Express
A minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications
Styled components
Employed for styling components, allowing us to create and maintain CSS-in-JS styles for a consistent design across the site
Babel
A custom Babel configuration was implemented to fine-tune the JavaScript build process, optimizing the performance and compatibility of the website
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 Achievements
01
Prioritized user-friendly solutions for the non-technical marketing team
02
Balanced flexibility and design guidelines
03
Introduced abstractions like themes and component styles
04
The contract was extended three times, providing continuous support
Comparison of Storyblok and Contentful — two popular headless CMS platforms — with a focus on UX, visual editing, developer flexibility, and marketing usability.
FocusReactive is a Sanity CMS agency specializing in headless CMS architectures and eCommerce projects.
Our Sanity CMS developers combine deep headless CMS and frontend expertise to build high-performance platforms with Sanity and Next.js/React, supporting everything from marketing websites to complex content-driven storefronts. Backed by our official Sanity.io partner status, we deliver complete Sanity development services, from custom Studio configuration and schema design to third-party integrations and workflow automation for editorial teams.
Our engineering team provides complete Sanity development services, including custom studio setups, schema configuration, marketing workflow automation, and post-launch website support.
