Case study · Premium Web

Een verouderde vakmansite, opnieuw gebouwd voor de manier waarop klanten echt kiezen.

PJ Kaptein Woonsupport levert vakmanschap en woonondersteuning waar bewoners op vertrouwen. De website droeg dat gewicht nog niet, dus bouwden we hem volledig opnieuw op.

  • Klant: PJ Kaptein Woonsupport
  • Sector: Bouw en woonondersteuning
  • Diensten: Websiteherbouw, leadgeneratie, positionering

We vervingen een verouderde, trage website door een moderne Next.js-build, ontworpen voor snelheid, helderheid en conversie. De nieuwe site zet het werk voorop, leidt elke bezoeker naar één duidelijke aanvraag, en laadt snel op de telefoons die de meeste bewoners gebruiken. Het resultaat is een premium presentatie die past bij de kwaliteit van het vakmanschap erachter, op een codebase waar de klant jaren mee vooruit kan.

Het probleem met de oude site

De vorige website stond op een verouderd fundament dat slecht meegegroeid was. Paginas laadden traag, de opmaak liep vast op mobiel, en de ervaring voelde gedateerd naast de standaard van het werk zelf. Voor een bewoner die aannemers vergelijkt, kostte dat verschil stilletjes vertrouwen.

Net zo belangrijk: het pad naar contact was onduidelijk. Bezoekers die klaar waren om contact op te nemen moesten moeite doen, en de site bood zoekmachines weinig gestructureerde informatie om het bedrijf goed te tonen of te ranken. Het merk verdiende een presentatie die interesse omzet in contact, niet een die het laat weglekken.

Hoe we het bouwden

We bouwden de site opnieuw op Next.js met een component-gedreven frontend en een strikt performancebudget. Elke pagina is opgebouwd uit herbruikbare, toegankelijke componenten, waar mogelijk vooraf gerenderd, en vanaf de edge geserveerd voor een snelle eerste weergave overal in het land. Performance en het leadtraject behandelden we als architectuur, niet als bijzaak.

  • Homepage: Een zelfverzekerde, premium homepage die opent met het werk en de merkbelofte, en bezoekers vervolgens naar één duidelijke vervolgstap leidt.
  • Diensten: Heldere dienstenpaginas die uitleggen wat PJ Kaptein doet en voor wie, geschreven om de vragen te beantwoorden die een bewoner stelt voordat hij belt.
  • Leadformulier: Een gericht contactformulier op de plek waar de intentie het hoogst is, ontworpen om drempels te verlagen en contact opnemen moeiteloos te maken.
  • Mobiele ervaring: Een mobile-first opmaak afgestemd op de telefoons waarmee de meeste bezoekers binnenkomen, met tapdoelen, witruimte en laadtijden gebouwd voor gebruik met één hand.
  • SEO-fundament: Schone semantische opmaak, snelle paginas en gestructureerde data geven de site een sterk technisch fundament om gevonden en gerankt te worden.
  • Onderhoudbare codebase: Een schone, gedocumenteerde componentstructuur die de klant kan uitbreiden zonder herbouw, zodat de site het bedrijf bijhoudt.
  1. Verkenning: We brachten het bedrijf, de doelgroep en de manier waarop bewoners kiezen in kaart, en stelden de doelen vast die de nieuwe site moest halen.
  2. Positionering en structuur: We bepaalden de premium positionering, de boodschaphierarchie en een sitemap rond één helder pad naar contact.
  3. Ontwerp: We ontwierpen een rustige, zelfverzekerde interface die het werk vooropstelt en zich vanaf het begin thuis voelt op mobiel.
  4. Bouw: We bouwden de site in Next.js met herbruikbare componenten, geoptimaliseerde beelden, gestructureerde data en het leadformulier.
  5. Lancering: We deployden naar edge-hosting, controleerden de performance en het leadtraject van begin tot eind, en droegen een codebase over die klaar is om te groeien.

De nieuwe site is sneller, helderder en merkbaar premium, met een codebase die de klant bezit en waarop hij kan voortbouwen.

Next.js · React · Vercel · TypeScript · Tailwind CSS · next/image · JSON-LD structured data · Edge hosting · Git