Een modulaire website waarop updates in seconden live staan.

Doel

Een helder verhaal dat bezoekers omzet in aanvragen

Het doel: een site waarin content centraal staat, die snel blijft bij veel bezoekers, waarop redacteuren alles zelf kunnen aanpassen en die met goed gekozen animaties verzorgd aanvoelt. De site moet helder en betrouwbaar uitleggen hoe een thuisbatterij werkt, en dat begrip omzetten in een aanvraag. Het verhaal moet snel binnenkomen en de volgende stap moet vanzelf voelen.

Aanpak

Een modulair systeem dat er verzorgd uitziet en updates in seconden live zet

Een thuisbatterij koop je niet zomaar. Mensen haken niet aan omdat ze alles hebben gelezen, maar omdat de site de keuze makkelijk maakt.

De site bouwt vertrouwen op in de juiste volgorde: eerst een eenvoudige uitleg, dan duidelijke pakketten en tot slot antwoorden op veelgestelde vragen, precies waar mensen meestal gaan twijfelen. De volgende stap is overal zichtbaar, zodat bezoekers altijd weten wat ze moeten doen als ze eraan toe zijn.

Strategie

Modulaire opbouw, gericht op helderheid en vertrouwen

We verbinden het verhaal met conversie door het contentsysteem als onderdeel van het product te zien. In plaats van een vaste onepager gebruiken we losse secties die je naar wens combineert. Zo kan het team teksten aanpassen, het verhaal omgooien en pakketten en veelgestelde vragen actueel houden, zonder hulp van een developer.

Snelheid en betrouwbaarheid zijn de basis. Pagina's worden vooraf opgebouwd, zodat ze razendsnel laden, en worden alleen ververst als er echt iets verandert. Zo blijft publiceren snel, zonder dat de site een wankele pagebuilder wordt. Drie uitgangspunten: redacteuren publiceren zonder developer, ze zien vooraf precies hoe een pagina eruitziet, en wijzigingen staan direct live.

Modulair contentsysteem

Contentblokken die in elkaar klikken zonder de site te breken

Het CMS is opgebouwd uit herbruikbare blokken. Elk blok hoort bij een vast onderdeel van de site, dus redacteuren bouwen pagina's door blokken te kiezen in plaats van zelf layouts te ontwerpen. Dat maakt bewerken makkelijk en houdt de site consistent. Secties kun je veilig verschuiven, bewezen patronen hergebruik je en de site groeit mee zonder dat het design langzaam uit elkaar valt.

Previews

Vooraf zien wat je publiceert

Met Next.js Draft Mode zit de preview direct in de werkwijze van de redactie. Redacteuren zien ongepubliceerde content op de echte site, precies zoals bezoekers het straks zien. Dat maakt controleren makkelijk en haalt het giswerk uit publiceren. Wat je in de preview ziet, gaat ook zo live.

Direct live

Wijzigingen staan binnen seconden online

Publiceren werkt met On-Demand Incremental Static Regeneration. Publiceert een redacteur iets in DatoCMS, dan ververst de site alleen de pagina's die veranderd zijn. Geen volledige rebuild, dus updates staan snel online. Bezoekers merken een snelle site, het contentteam merkt dat alles meteen live is. Zo houden ze het verhaal en de pakketten actueel zonder op een developer te wachten.

Animatie met een doel

GSAP voor overgangen en subtiele interacties

GSAP zorgt op de hele site voor overgangen en subtiele interacties. Het doel is niet méér animatie, maar het juiste ritme. Rustige reveals, vloeiende overgangen en interacties die direct reageren sturen de aandacht en ondersteunen het verhaal, zonder dat de site trager wordt.

Het resultaat

Alles op z'n plek

Dit is Watt draait nu op een snelle, flexibele site waarop het team zelf pagina's en updates publiceert, terwijl alles soepel blijft en gericht op aanvragen. Het resultaat is meer dan een mooiere site: het team beheert hem dagelijks zelf, de content blijft actueel en de route naar een aanvraag blijft helder.