A home battery website where changes go live in seconds

Objective

Explain first, then ask for an enquiry

Few people know exactly how a home battery works. The site had to explain it simply and then lead visitors to an enquiry. The team wanted to edit all the content themselves, the site had to stay fast under heavy traffic, and animation could support the story.

Approach

Explanation, then packages, then questions

A home battery is a big purchase. Nobody reads the whole site and then decides. People get in touch once the choice is clear.

So the site follows a fixed order: a short explanation, then the packages, then the FAQ. The questions sit where people usually start to doubt. The enquiry button is visible everywhere.

Strategy

Loose sections instead of a fixed page

The homepage is made of separate sections the team combines themselves. They can rewrite copy, change the order of the story and update packages and questions without me.

Pages are built ahead of time and only regenerated when something changes. They load fast, and nobody waits for a full build.

Content blocks

Choosing blocks, not designing layouts

Each block in DatoCMS belongs to one part of the site. An editor picks blocks and fills them in, and the look is fixed. Sections can be moved around without breaking anything, and a new page looks like the rest from the start.

Preview

See what you publish

With Next.js Draft Mode, editors view unpublished content on the real site, the way a visitor will see it. What's in the preview is what goes live.

Publishing

Online within seconds

When someone publishes in DatoCMS, the CMS sends a webhook and the site regenerates only the pages that changed (On-Demand ISR). No full rebuild needed. An updated package or a new question is live within seconds.

Animation

GSAP for the transitions

Transitions and small interactions are made with GSAP. I kept the animation sparing: quiet reveals on scroll and buttons that respond right away. The biggest piece is the 'Dit is Watt, elke dag' scroll animation, which follows the house from morning to night.

Result

The team publishes on its own

Dit is Watt has a fast site the team updates themselves. Packages and questions stay current, and the way to an enquiry is clear on every page.