Case

HB Prefab Aanbouw

Nieuwe website met 3D configurator voor prefab aanbouwen

Voor HB Prefab Aanbouw bouwden we een volledig nieuwe website met als hart een 3D configurator. Bezoekers stellen in zes stappen hun eigen prefab aanbouw samen, zien die direct in 3D op hun huis en vragen met één klik een offerte aan met het ontwerp erbij.

Laadtijd
1.0s
PageSpeed mobiel
94/100
PageSpeed desktop
100/100
Case screenshot van HB Prefab Aanbouw
Persoon-overlay in case van HB Prefab Aanbouw

Uitgebreide case

Naast Fine Oak heeft Hans Boll een tweede bedrijf: HB Prefab Aanbouw. Met prefab bouwmethodes plaatst hij aanbouwen en uitbouwen binnen vijf werkdagen, met minder overlast en volledige maatvoering. Van een extra woonkamer tot een zorgaanbouw of kantoor aan huis.

Prefab bouwen is voor veel huiseigenaren nog onbekend terrein. Wat kost het? Hoe ziet het eruit aan mijn huis? Hoe lang duurt het? De oude website beantwoordde die vragen met tekst. De nieuwe website laat het zien.

Wij bouwden een compleet nieuwe website met een 3D configurator als middelpunt.

Een 3D configurator als hart van de website

Via de knop Stel uw aanbouw samen komt een bezoeker in de configurator. In zes stappen kiest hij het soort aanbouw, de afmetingen, de gevelbekleding, de kozijnen, de ramen en deuren, het dak met eventueel lichtstraat of daklichten en de afwerking.

Elke keuze is direct zichtbaar in een 3D model van de aanbouw aan een woning. Bezoekers draaien eromheen, bekijken de voorkant, zijkant of bovenkant en slepen ramen en deuren met de muis of vinger naar de plek waar ze ze willen hebben.

Er staat bewust geen prijs in de configurator. Elke aanbouw is maatwerk, dus Hans stuurt binnen één werkweek een vrijblijvende offerte op maat. Het ontwerp gaat direct mee met de aanvraag, zodat hij precies weet wat de klant voor ogen heeft.

  • Zes overzichtelijke stappen, van soort aanbouw tot afwerking.
  • Live 3D weergave met meerdere camerastandpunten.
  • Ontwerp opslaan, delen via een link en meesturen met de offerteaanvraag.

Vertrouwen opbouwen bij een onbekende bouwmethode

Rond de configurator staat een website die twijfels wegneemt. Elk van de tien soorten aanbouw heeft een eigen pagina, van prefab houten aanbouw en kant-en-klare uitbouw tot mantelzorgwoning en kantooraanbouw. De werkwijze, de kosten en de veelgestelde vragen zijn helder uitgelegd, en projectfoto's en klantreviews laten zien dat het werkt.

De hele site is mobile first opgebouwd. Veel bezoekers oriënteren zich op de bank met hun telefoon, dus ook de configurator werkt daar soepel.

  • Eigen pagina per soort aanbouw voor betere vindbaarheid.
  • Heldere uitleg van werkwijze, kosten en planning.
  • Projecten en reviews als sociaal bewijs.

Overstappen zonder iets kwijt te raken

Een nieuwe website mag geen opgebouwde vindbaarheid kosten. Alle bestaande pagina's, projecten, blogs en antwoorden op veelgestelde vragen zijn meeverhuisd en waar nodig opnieuw ingedeeld. Oude links verwijzen netjes door naar hun nieuwe plek.

Ook de metingen zijn opnieuw ingericht: Google cookies worden alleen geplaatst met toestemming, zodat HB Prefab Aanbouw kan zien welke advertenties tot aanvragen leiden zonder de privacy van bezoekers uit het oog te verliezen.

Uitdaging

1

Huiseigenaren die nog nooit van prefab bouwen hadden gehoord moesten snel vertrouwen krijgen

2

Een aanbouw is altijd maatwerk, dus een vaste prijslijst werkte niet

3

Bezoekers moesten zich hun aanbouw kunnen voorstellen voordat ze contact opnamen

4

Bestaande pagina's, projecten, blogs en vindbaarheid mochten bij de overstap niet verloren gaan

Aanpak

1

Volledig nieuw ontwerp en nieuwe informatiearchitectuur rond tien soorten aanbouw

2

Een 3D configurator als centraal conversiepunt in plaats van een los contactformulier

3

Migratie van alle pagina's, projecten, blogs en veelgestelde vragen met behoud van oude links

4

Mobile first opgebouwd, zodat alles ook op de telefoon soepel werkt

5

Cookiebeleid en metingen alleen met toestemming, zodat het meten van advertenties netjes geregeld is

Technische oplossing

1

Interactieve 3D configurator in de browser met verschillende camerastandpunten

2

Zes stappen: soort aanbouw, afmetingen, gevelbekleding, kozijnen, ramen en deuren, dak en afwerking

3

Ramen en deuren met de muis of vinger op hun plek slepen

4

Ontwerpen opslaan en delen via een link

5

Offerteaanvraag met het ontwerp direct meegestuurd

6

Redirects voor alle oude URL's en technische SEO voor de nieuwe structuur

Resultaat

1

Bezoekers zien hun eigen aanbouw in 3D voordat ze contact opnemen

2

Offerteaanvragen komen binnen met een concreet ontwerp, dus minder heen en weer

3

Ontwerpen worden gedeeld met partner of familie, wat de beslissing makkelijker maakt

4

Een moderne, snelle website die de positionering van zorgeloos prefab bouwen versterkt

5

Alle bestaande content en vindbaarheid behouden bij de overstap

Volgende stap

Wil je bespreken wat er voor HB Prefab Aanbouw werkte en wat dat voor jouw site kan betekenen?

We kijken graag mee naar performance, techniek en conversie. Je hoeft nog geen volledig plan te hebben om een eerste richting te bepalen.

Kies wanneer het jou uitkomt

Vrijblijvend, Paul stemt de tijd met je af

oktober 2026

ma.
di.
wo.
do.
vr.
za.
zo.