Hé Jamal, welkom bij deze belangrijke update over de bouw van de nieuwe Haarvisie-website! We hebben de onderzoeksfase succesvol afgerond en zijn klaar om de handen uit de mouwen te steken.
De kern van dit project is een fundamentele verschuiving. We stappen af van een website die alleen een algemene salonpagina is met een lijst behandelingen. In plaats daarvan bouwen we een slimme, mobiele route die onze klanten direct naar de juiste oplossing leidt. Dit nieuwe systeem is ontworpen om een concrete zoekvraag te herkennen, echt Haarvisie-werk te tonen, relevante prijsinformatie te geven, vertrouwen op te bouwen en alle belangrijke context mee te nemen naar de afspraakflow. En elke stap is natuurlijk meetbaar. Tijdens de bouw blijft de huidige WordPress-site live, maar de nieuwe voorkant wordt modern gebouwd in React en TanStack op onze eigen server. Bezoekers merken hier niets van.
Maar waarop baseren we dit alles? Uit onze analyses bleek dat zoekverkeer de absolute hoofdroute is, met tienduizenden sessies in twaalf maanden. En maar liefst 81% van die sessies komt via mobiel! Dit betekent dat we letterlijk alles ontwerpen vanuit het perspectief van de mobiele gebruiker. We zagen bijna 45.000 unieke zoektermen, wat ons leert dat pagina's moeten aansluiten op de *echte* zoekintenties van klanten. Zoekopdrachten als 'Highlights en Balayage' springen eruit met honderdduizenden vertoningen, wat ze tot onze eerste behandelroute maakt. Ook lokale zoekers zijn cruciaal, dus 'Kapper Rijswijk' en 'Kapper Wateringen' krijgen hun eigen routes. Verder is duidelijk dat we onze sterke, bestaande blog-URL's behouden, want die leveren veel waardevolle content. Tot slot viel op dat veel klanten afhaken bij het boeken van een afspraak, met name bij het kiezen van datum en tijd. De nieuwe pagina's moeten die onzekerheid vóór het formulier al wegnemen. Uit de DaVinci-data blijkt bovendien dat heren knippen, extensions en kleurbehandelingen een sterke herhaalwaarde hebben, dus die krijgen hoge prioriteit. Hoewel er altijd meetgrenzen zijn, geeft deze data ons een heel duidelijke richting voor de sitestructuur en de bouw.
Voor wie bouwen we dan precies? We werken met vier concrete klantbehoeften: De **lokale zoeker** wil snel een goede kapper vinden in Rijswijk of Wateringen en direct weten wat Haarvisie kan en hoe een afspraak te maken. De **transformatieklant**, die bijvoorbeeld highlights of extensions zoekt, wil bewijs zien en begrijpen wat bij haar haar past. De **probleemoplosser** zoekt hulp bij bijvoorbeeld kleurcorrectie of beschadiging. Die wil binnen seconden merken dat Haarvisie het probleem begrijpt. En de **onderhoudsklant** wil snel en zonder gedoe een knipbeurt of herhaalafspraak regelen.
De informatiearchitectuur is nu definitief en gestroomlijnd, met duidelijke hoofdcategorieën als 'kapper-rijswijk', 'haarkleuren' met subpagina's als 'highlights-balayage', 'extensions', 'haarverbetering' en 'heren'. De homepage fungeert als een visuele wegwijzer die snel de juiste richting aangeeft, zonder alles al uit te leggen.
Technisch gezien bouwen we de voorkant, dus wat de klant ziet, in React met TanStack op onze eigen server. Dit geeft ons maximale controle over mobiele snelheid, consistente vormgeving en de meetbaarheid van de klantreizen. De bestaande blogs hoeven niet in één keer uit WordPress te verdwijnen; WordPress blijft tijdelijk de verborgen beheeromgeving. React toont die content naadloos onder dezelfde URL's en in het nieuwe design. Deze technische keuze wordt pas definitief nadat we bewezen hebben dat één dienstenpagina, een bestaande blog en de afspraakoverdracht aantoonbaar werken, inclusief mobiele laadtijd en toegankelijkheid.
Elke landingspagina krijgt een vaste, maar flexibele opbouw. Bovenaan staat het probleem of doel van de klant in gewone taal, met een passend resultaat, drie vertrouwenssignalen en één duidelijke hoofdactie. Daarna volgen secties die de oplossing toelichten, meer echte Haarvisie-resultaten tonen, uitleggen wat de klant kan verwachten, relevante tarievencontext geven, reviews of vakbewijs presenteren, veelgestelde vragen beantwoorden en uiteindelijk de afspraakactie met bewaarde context. En belangrijk: foto's worden niet bijgesneden; het hele haar blijft zichtbaar.
De afspraakoverdracht is ook slim ingericht. Elke afspraaklink stuurt essentiële informatie mee, zoals de gewenste service, locatie en de bronpagina. Zo ziet de klant deze keuzes al bovenaan het afspraakformulier en hoeft alleen nog in te vullen wat ontbreekt. De invoer blijft zelfs bewaard als iemand tussendoor tarieven bekijkt.
Onze meting gaat veel verder dan alleen een bedankpagina. We volgen de hele route: van de zoekvraag, via de landingspagina en het bekijken van bewijs of tarieven, het starten van de afspraak, tot de daadwerkelijke gemaakte afspraak en zelfs of de klant is verschenen. Elke aanvraag krijgt een anonieme code, zodat we precies kunnen bepalen welke pagina's leiden tot echte, nieuwe klanten.
De bouw is opgedeeld in vier fases. Fase één richt zich op het bewijzen van het systeem met de gedeelde landingspaginastructuur en de routes voor 'Highlights en Balayage' en 'Kapper Rijswijk', inclusief de afspraakoverdracht. Daarna volgen de eerste commerciële routes, zoals 'Kapper Wateringen', 'Extensions' en 'Heren knippen'. Fase drie pakt de probleemroutes aan, zoals 'Kleurcorrectie' en 'Krullenkapper'. En de laatste fase focust op content, waaronder een nieuwe blogtemplate en het behoud van sterke bestaande URL's.
Tijdens de bouw hanteren we duidelijke grenzen. Niets wordt direct op haarvisie.nl gebouwd; de huidige WordPress-site blijft live tot de nieuwe site volledig gecontroleerd is. En het goedgekeurde afspraakformuliergedrag blijft bevroren. Veiligheid en stabiliteit staan voorop.
Ons besluit is helder: we bouwen nu vanuit één samenhangend systeem. Van zoekintentie naar een oplossing, met bewijs, tarievencontext en een naadloze afspraak met alle bewaarde informatie, wat uiteindelijk leidt tot echte klantwaarde. De eerste concrete oplevering, Jamal, zal bestaan uit de gedeelde landingspaginastructuur en de routes voor Highlights/Balayage en Kapper Rijswijk, die je kunt bekijken op een beveiligde preview. Dit wordt een fantastische stap voorwaarts voor Haarvisie!
Dat was het voor deze update! Ik kijk ernaar uit je snel de eerste resultaten te laten zien. Tot de volgende keer!
De onderzoeksfase is afgerond.
De nieuwe website wordt geen algemene salonpagina met daaronder een lijst behandelingen.
Hij wordt een mobiele route naar de juiste oplossing.
De bouw start met twee voorbeeldroutes:
Deze twee pagina's bewijzen samen het nieuwe systeem:
De live website blijft tijdens de bouw in WordPress staan.
De nieuwe voorkant wordt gebouwd in React en TanStack op de eigen VPS.
WordPress kan voorlopig als verborgen beheeromgeving voor bestaande blogs blijven dienen.
Bezoekers zien geen tweede website en worden niet naar WordPress doorgestuurd.
| Onderdeel | Belangrijkste uitkomst | Gevolg voor de bouw |
|---|---|---|
| Organisch verkeer | 62.940 sessies in twaalf maanden | Zoekverkeer blijft een hoofdroute. |
| Mobiel | 81,2% van organische sessies | Iedere keuze begint bij 375 pixels breed. |
| Search Console | 44.949 zichtbare zoektermen | Pagina's worden rond echte zoekintenties gebouwd. |
| Highlights en balayage | circa 397.000 tot 437.000 vertoningen | Eerste behandelroute. |
| Lokale kapper | 40.362 niet-merkvertoningen | Rijswijk en Wateringen krijgen eigen routes. |
| Blogs | 482 zichtbare blog-URL's | Sterke URL's en inhoud blijven behouden. |
| Afspraakgedrag | Groot verlies rond datum, tijd en vervolgkeuze | De pagina moet onzekerheid vóór het formulier oplossen. |
| DaVinci | Heren knippen, extensions en kleur hebben sterke herhaalwaarde | Deze routes krijgen hoge bouwprioriteit. |
De cijfers hebben meetgrenzen.
Hotjar is een steekproef.
De bedankpagina bewijst nog geen echte salonafspraak.
DaVinci-bedragen waren niet betrouwbaar beschikbaar.
De richting is wel sterk genoeg om de sitestructuur en eerste bouwfase te bepalen.
We gebruiken geen vaag profiel zoals alleen leeftijd of woonplaats.
We bouwen voor vier concrete behoeften.
Zoekt een goede kapper in Rijswijk of Wateringen.
Wil snel weten:
Zoekt highlights, balayage of extensions.
Wil bewijs zien en begrijpen wat bij haar haar en onderhoud past.
Zoekt hulp bij kleurcorrectie, pluis, beschadiging of krullen.
Wil binnen seconden merken dat Haarvisie het probleem begrijpt en eerlijk beoordeelt wat haalbaar is.
Zoekt knippen, kleuronderhoud of een herhaalafspraak.
Wil snel en zonder onnodige vragen verder.
/
├── kapper-rijswijk/
├── kapper-wateringen/
├── haarkleuren/
│ ├── kleurcorrectie/
│ ├── highlights-balayage/
│ ├── haar-verven/
│ └── heren-kleuren/
├── extensions/
│ ├── krul-extensions/
│ └── tape-in-extensions/
├── haarverbetering/
│ ├── keratine-behandeling/
│ └── haarherstel/
├── krullenkapper/
├── heren/
│ └── heren-knippen/
├── resultaten/
├── reviews/
├── tarieven/
├── blog/
└── afspraak/
De homepage wordt een visuele wegwijzer.
Hij hoeft niet iedere behandeling volledig uit te leggen.
De zichtbare website wordt gebouwd in React met TanStack.
Hij draait op de eigen VPS.
Dat geeft controle over:
De bestaande blogs hoeven niet in één keer uit WordPress te verdwijnen.
WordPress kan tijdelijk het verborgen magazijn blijven waarin blogteksten worden beheerd.
React toont die inhoud onder dezelfde adressen en in hetzelfde ontwerp.
De combinatie wordt pas definitief nadat één dienstenpagina, één bestaande blog en de afspraakoverdracht aantoonbaar werken.
React is niet automatisch snel.
De bouw moet daarom worden gecontroleerd op mobiele laadtijd, toegankelijkheid, Google-weergave en beheerbaarheid.
Iedere pagina krijgt dezelfde route, maar andere inhoud.
Foto's worden niet bijgesneden.
Het hele haar blijft zichtbaar.
Iedere afspraaklink geeft minimaal mee:
service_intent;location_intent;source_landing.Voorbeeld:
service_intent=highlights-balayage
location_intent=rijswijk
source_landing=kapper-rijswijk
De afspraakflow toont deze keuze bovenaan en vraagt alleen wat nog ontbreekt.
Een bezoeker mag de keuze wel wijzigen.
De invoer blijft bewaard wanneer iemand tussendoor tarieven bekijkt.
De nieuwe meting volgt niet alleen een bedankpagina.
Hij volgt de hele route:
zoekvraag
→ landingspagina
→ tarieven of bewijs bekeken
→ afspraak gestart
→ afspraak aangevraagd
→ WhatsApp-opvolging
→ afspraak gemaakt
→ verschenen of geannuleerd
Iedere aanvraag krijgt later één anonieme aanvraagcode.
Zo kunnen we bepalen welke pagina echte nieuwe klanten oplevert.
We bouwen nu niet meer vanuit losse adviezen.
We bouwen vanuit één systeem:
zoekintentie → oplossing → bewijs → tarievencontext → afspraak met bewaarde context → echte klantwaarde.
De eerste concrete oplevering bestaat uit de gedeelde landingspaginastructuur plus Highlights/Balayage en Kapper Rijswijk op de beveiligde preview.
🎙️ Bespreek met Jarvis