Single-page application (SPA) architecture with poor SEO and limited crawlability
02
Legacy CMS lacking flexibility and preventing independent content creation
03
Ongoing brand evolution requiring a full structural and visual redesign
04
No scalable workflow for publishing complex, data-heavy content (maps, reports, charts)
05
Migration of ~150 content-rich articles with custom components without losing structure
Projects in Numbers
215
CMS components total
368
CMS pages and stories
1,5K+
assets created
~150
blog articles migrated
Our Solutions
Rebuilt the entire platform on Next.js and Storyblok using a 3-layer component architecture (Content → Adapters → UI), ensuring a clean separation between CMS data and presentation
Developed a flexible page builder with 77 modular sections (215 CMS components total), enabling marketing teams to create and manage pages independently without developer involvement
Implemented auto-generated TypeScript types from live CMS schemas, keeping frontend and CMS data strictly synchronized and reducing integration errors
Built a custom CSV-to-chart pipeline (Zod + PapaParse) allowing content teams to create and publish data-driven reports with validation and error handling
Developed a custom Storyblok Bridge integration that preserves React Server Components while providing real-time live preview - overcoming limitations of the native SDK
Delivered a fully automated SEO system including JSON-LD structured data, dynamic sitemaps with priority scoring, hreflang support, and CMS-managed redirects
Implemented AI-ready optimisation with a dedicated /llms.txt endpoint, improving content discoverability for AI systems and structured data access
Optimized media delivery with a focal-point-aware image loader supporting responsive sizing and automatic AVIF/WebP conversion
Built a custom migration pipeline from DatoCMS to Storyblok, transferring ~150 articles with full rich text transformation, component mapping, asset deduplication, and link auditing
Project Tech Stack
Storyblok
Headless CMS with a visual editor, giving developers flexibility and content teams an easy way to edit and preview pages.
Next.JS
React framework for building fast, SEO-friendly web applications with server-side rendering and static site generation.
Vercel
A cloud platform for hosting and deploying frontend applications, built to work seamlessly with Next.js and modern frameworks.
Tailwind
CSS framework that lets you style websites quickly using utility classes instead of writing custom CSS.
GSAP
Framework-agnostic JavaScript animation library
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.
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
6
Interactive Lightning Intelligence Map
A multi-dimensional visualization enabling users to explore lightning density by region, year, and time of day, combining static datasets and interactive maps
2
6
Data-Driven Charts from CSV
Custom pipeline converting CSV data into validated, interactive charts with no developer involvement, enabling fast publishing of analytical reports
3
6
Performant Scroll-Based Animations
GSAP-powered animations including pinned sections, synchronized scroll interactions, and dynamic navigation - optimized for smooth performance
4
6
CMS-Controlled Lottie Animations
Lottie integration directly in the CMS, allowing editors to upload and configure animations without code changes
5
6
Developer-Focused Code Display System
Advanced code rendering system with syntax highlighting, typing animations, and multi-tab API views configurable directly from CMS
6
6
Smart Resource Hub with Filtering
Server-driven filtering system for articles and resources with URL-based state, enabling fast navigation and shareable filtered views
Our client says
Patricia Åkerman
“FocusReactive helped us design and build a modern, high-performing website that delivers strong UX and conversion capabilities while enabling full independence for our marketing team. The new platform is faster, scalable, and allows us to create and manage content without relying on developers. The team delivered on time with proactive communication, weekly updates, and continuous improvements. They were highly responsive, technically strong, and great to work with, making the entire collaboration smooth and effective.”
Storyblok vs. Sanity - A Comparison of Two Leading Headless CMS
We compare Storyblok and Sanity on ease of use, content modeling, integration, scalability, localization, developer support, security, documentation, and pricing.
This article highlights how optimized images enhance user experience and improve SEO rankings by tackling challenges such as slow loading times, high bandwidth usage, and the significance of faster websites in search engine results.
