A modular website that ships updates in seconds.

Objective

Functional storytelling that turns curiosity into leads

The goal of the build is to create a content-first platform that stays fast under high traffic, gives editors full control, and keeps the experience polished with purposeful motion. The site has to explain home energy storage in a way that feels clear and trustworthy, and it has to turn that understanding into a lead. The narrative needs to land quickly, and the next step needs to feel obvious.

Approach

A modular system that keeps the experience polished while shipping updates in seconds

Home energy storage is a high-consideration purchase. People don’t engage because they’ve read everything. They engage because the site makes the decision feel clear.

The experience is structured to build confidence in the right order: a simple explanation first, clear package options next, and FAQs where doubts usually show up. The next step stays visible throughout, so visitors always know what to do when they’re ready.

Strategy

Modular storytelling with a focus on clarity and confidence

We connect storytelling to conversion by treating the content system as part of the product. Instead of hard-coding a fixed one-pager, we use a composable set of sections so the team can adjust messaging, reorder the narrative, and keep packages and FAQs current without developer help.

Performance and reliability stay the defaults. The site is static-first for speed, and content updates run through controlled revalidation so publishing stays quick without turning the build into a fragile page builder. The build is shaped by three decisions: editors ship pages without developer involvement, previews are first-class, and publishing stays instant without slow rebuilds.

Modular content system

Structured content blocks that snap together without breaking the experience

The CMS is structured around reusable blocks. Each block maps directly to a React component, so editors build pages by selecting modules rather than designing layouts. This keeps the editing experience intuitive while the front-end stays consistent. Sections can be reordered safely, proven patterns can be reused, and the site can grow without the UI slowly falling apart.

Editorial previews

Preview mode built into the editorial flow

Preview mode is built into the editorial flow using Next.js Draft Mode. Editors can view unpublished content in a live environment, rendered like production. That makes review straightforward and removes the guesswork from publishing. What you see in preview is what goes live.

Instant updates

Publishing runs on On-Demand Incremental Static Regeneration

Publishing runs on On-Demand Incremental Static Regeneration. When editors publish in DatoCMS, a webhook triggers revalidation and updates appear quickly on the live site without a full rebuild. The site stays fast for users, while still feeling “live” for the content team. Editors can keep the story and the packages current without waiting on a deploy window.

Purposeful motion

GSAP powers transitions and interaction polish

GSAP powers transitions and interaction polish throughout the experience. The goal isn’t more animation. The goal is pacing. Subtle reveals, smooth transitions, and responsive interactions guide attention and support the story without compromising performance.

The result

Everything in its right place

Dit is Watt runs as a fast, flexible platform where the team ships new pages and updates without developer help, while keeping the experience smooth and conversion-focused. The result isn’t just a nicer site. It’s a setup the team can run day-to-day, with content that stays current and a funnel that stays clear.