Dit is Watt sells home batteries for people with solar panels who want more control over their energy use. The promise is simple: use more of your own power, rely less on the grid, and avoid surprises on your energy bill. Their vision is practical. Energy should be easy to understand, without sales talk or vague promises.

Client: Dit is Watt
Agency: Once Upon a Concept
Project type: Story-driven marketing site
Role: Architecture, Next.js build, CMS modeling, Deployment setup, Animation system
Timeline: 4 weeks
Date: July 2025
Visit: https://www.ditiswatt.nl

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.

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.

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
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 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. 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 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.

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.

Interested in working together? Send a message to info@petercoolen.com.