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 Migration vs After Migration
Developer-Dependent Updates Marketing content was hardcoded alongside HTML/CSS and styled components. Even minor typos or image changes required code edits and deployments.
Instant Publishing Copy, media, and SEO metadata are strictly separated from code. The marketing team updates and publishes content directly in Contentful in real-time.
New Page Backlogs Launching new marketing campaigns or landing pages was blocked by developer availability, as every layout had to be built from scratch.
Autonomous Dynamic Pages Editors build new, unique landing pages independently without writing code, simply by stacking pre-approved components like LEGO.
Rigid CMS Limitations Standard Contentful plans limit content types (24/48), which normally makes replicating a rich, custom design with dozens of unique layouts impossible.
Smart JSON Abstraction We bypassed Contentful’s schema limits by creating custom JSON-based blocks. This preserved the complex design without forcing the client onto an expensive enterprise tier.
Fragmented Structure With hundreds of pages across blogs, case studies, databases, and glossaries, maintaining a unified structure and layout consistency was a manual nightmare.
Unified Content Architecture A structured 3-level content model ensures that standard layouts, rare custom components, and highly complex pages are organized and easy to scale.
Design Guideline Risks Giving non-technical editors full layout control often leads to broken designs, inconsistent paddings, and off-brand color choices.
Guarded Creative Freedom Design guidelines are hardcoded as CMS abstractions (themes, responsive containers, standard paddings, and named colors) so editors cannot break the layout.
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 your 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.
.png)