Redesign · Next.js · conversie · NDA / NDA-project
Een aanbodpagina van een reisbureau die rechtstreeks naar een aanvraag leidt, zonder posities in Google te verliezen
Context
De klanten van het bureau zijn vooral mensen van 45–70 jaar, vaak met z’n tweeën op reis, die voor het boeken met een adviseur willen praten. Op de oude site stonden de prijs en de aanvraagknop ver onderaan, waren de beschrijvingen lang en laadden video’s op oude spelers. Elk aanbod was een aparte, met de hand samengestelde subpagina.
Uitdaging
De weg van binnenkomst via advertentie of Google naar een verstuurde aanvraag verkorten, op de pagina de vragen beantwoorden waarmee klanten normaal bellen, en dat doen zonder de adressen te wijzigen waarop het bureau al jaren verkeer verzamelt.
Scope
Wat ik heb gedaan
- 01Ik heb het aanbod naar Next.js verplaatst als pilot voor honderden volgende: één aanbod is één set gegevens, en de pagina en de sitemap ontstaan vanzelf.
- 02Ik heb de route naar de aanvraag ontworpen: prijs, knop en hotelvergelijking meteen op het eerste scherm, een prijspaneel dat meescrolt, en op de telefoon staan de knoppen voor aanvraag en bellen altijd onder de duim.
- 03Ik heb een prijscalculator gebouwd: hotel, verblijfsduur en samenstelling (volwassenen en kinderen), met de toeslag voor een eenpersoonskamer en de toeristenbelasting apart getoond.
- 04Ik heb de oude adressen 1:1 behouden, gestructureerde gegevens toegevoegd en twee uiterlijke varianten voorbereid waaruit de klant kan kiezen.
Belangrijkste beslissingen
Belangrijkste beslissingen
- 01
Prijs en beslissing op het eerste scherm
Wie via een advertentie of Google binnenkomt, ziet meteen de prijs per persoon, de knop ‘Vraag naar data’ en de hotelvergelijking. Je hoeft niet door foto’s te scrollen om te weten of het aanbod binnen het budget past.
- 02
3★ of 4★: het antwoord in één tabel
De meestgestelde vraag, welk hotel je moet kiezen, wordt op de pagina beantwoord: prijs, route naar de thermen, in badjas lopen, sauna’s. De knop ‘Ik kies 3★’ of ‘Ik kies 4★’ brengt de keuze meteen over naar het formulier.
- 03
De keuze komt vanzelf in het formulier
Een klik op een hotel of een datum zet het in de aanvraag. De klant typt niets twee keer, en het bureau krijgt een concrete aanvraag in plaats van een algemeen ‘stuur me een aanbod’.
- 04
Contact zoals de klant het wil
Terugbellen, aanbod per e-mail of WhatsApp. Alleen het veld voor de gekozen contactmanier is verplicht, dus wie liever schrijft, hoeft geen telefoonnummer achter te laten.
- 05
Vertrouwen naast het aanbod, niet op een apart tabblad
Beoordelingen, certificaten, de adviseur en de boeking stap voor stap beschreven (een aanvraag kost niets, betaling pas na het contract) staan op dezelfde pagina, op het moment dat de klant beslist.
- 06
Een reden om vandaag te beslissen
Bij de prijs staat de korting van −2% voor boeken meer dan 35 dagen voor vertrek duidelijk uitgelicht: de enige korting waarop je meteen kunt reageren.
- 07
Sneller en zonder Google te verliezen
De oude adressen bleven ongewijzigd, de reis, de prijs en de beoordelingen zijn beschreven met gestructureerde gegevens, en video’s en kaart laden pas op verzoek. De kaart werkt zonder cookiebanner.
Resultaten
Resultaten
- 01
Een aanbodpagina waarop prijs, hotelvergelijking en aanvraag bij elke stap van het scrollen binnen handbereik zijn, ook op de telefoon.
- 02
Aanvragen komen meteen binnen met het gekozen hotel, de datum en de voorkeursmanier van contact.
- 03
Een sjabloon waarin volgende aanbiedingen als gegevens worden toegevoegd, met behouden adressen en gestructureerde gegevens.
Stack
- Next.js
- TypeScript
- JSON-LD
- OpenStreetMap
Ingezette diensten
Heb je een vergelijkbaar project? Laat me weten wat je wilt bouwen, dan reageer ik meestal binnen 2 uur.