Happy Driver · Auto-abonnementen

Het wagenpark verandert wekelijks, de website verandert vanzelf mee

All-inclusive auto-abonnementen zonder gedoe. Site met live aanbod en een aanvraagflow die in drie stappen naar een auto leidt.

· Project van het team van Volstoom

Ontspannen rijden in een auto van Happy Driver
+46% meer aanvragen
+46%
meer abonnementsaanvragen
3
stappen van aanbod naar aanvraag
live
beschikbare auto's op de site

De site in beeld

Het concept bovenaan, het wagenpark eronder

De homepage van Happy Driver in zijn geheel: het abonnement uitgelegd in de hero en in drie stappen, daaronder de favoriete auto's uit het aanbod en onderaan de gele oproep om te beginnen. Wijs het venster aan en hij scrolt naar beneden.

happydriver.nl
De volledige homepage van Happy Driver, van de hero met Rijd zorgeloos en de vier kernpunten via de uitleg in drie stappen en zes favoriete auto's met maandprijs tot de voordelen op donkerblauw, de gele oproep en de footer

Het aanbod past ook in je broekzak

Op de telefoon staat de gele knop naar het aanbod naast het logo, en de vier kernpunten van het abonnement volgen direct onder de knoppen. Het aanbod toont één auto per rij met de maandprijs erbij, en een autopagina opent met foto's, de beschikbaarheid en de prijs per maand.

De homepage van Happy Driver op een telefoon, met de kop Rijd zorgeloos, de gele knop naar het aanbod en de vier kernpunten
De pagina Onze auto's van Happy Driver op een telefoon, met de eerste auto en zijn maandprijs
De autopagina van de MINI Cooper bij Happy Driver op een telefoon, met foto's, het label Direct leverbaar en de maandprijs
Het auto-aanbod van Happy Driver met kaarten per model, met brandstof, transmissie en maandprijs
Elke kaart komt uit hetzelfde contenttype, dus vergelijken kan echt.
De autopagina van de Lynk & Co 01 bij Happy Driver, met galerij, maandprijs en het aanvraagformulier
Op de detailpagina staan beschikbaarheid, prijs en de aanvraag bij elkaar.
De autopagina van de Volkswagen ID. Buzz bij Happy Driver, met tegels voor actieradius, acceleratie, transmissie en kleur, wat er inbegrepen is en het aanvraagformulier ernaast
Actieradius, acceleratie en kleur komen uit vaste velden en staan bij elk model op dezelfde plek.
De pagina Hoe werkt Happy Driver met vier genummerde stappen, van een auto kiezen tot instappen en rijden
Vier stappen om en om, elk met een eigen kleur en icoon.
1

De vraag

Een concept dat mensen nog moeten leren kennen

Een auto-abonnement is voor veel mensen nieuw: het concept moet in seconden duidelijk zijn, anders googelt de bezoeker verder naar private lease. Daarnaast wisselt het aanbod continu, dus handmatig bijwerken was geen optie.

2

De aanpak

Het concept in één zin, het aanbod uit het systeem

De homepage legt het concept uit in één zin en vier iconen: all-inclusive, flexibel opzegbaar, geen BKR, snel geregeld. Het aanbod staat in een eigen contenttype met vaste velden, met per auto een vaste maandprijs en een aanvraagflow van drie stappen.

3

Het resultaat

Meer aanvragen en minder telefoontjes met basisvragen

Bijna de helft meer aanvragen en aanzienlijk minder telefoontjes met basisvragen: de site beantwoordt ze al. Nieuwe auto's staan zonder handwerk direct online.

De uitdaging

Waarom een auto-abonnement online lastig te verkopen is

Happy Driver verhuurt geen auto's en verkoopt ze ook niet: je neemt een abonnement, all-inclusive, opzegbaar. Dat is voor de meeste bezoekers een nieuw concept, en dat maakt vier dingen ingewikkeld.

01

Het concept moet in seconden landen

Wie niet binnen een paar tellen begrijpt hoe dit verschilt van private lease, googelt verder naar private lease. Uitleggen is hier belangrijker dan overtuigen.

02

Het aanbod staat nooit stil

Modellen komen erbij, gaan eruit, prijzen wijzigen en beschikbaarheid verandert. Een catalogus die als losse pagina's is gebouwd, loopt gegarandeerd achter.

03

Vergelijken op de juiste dingen

Brandstof, transmissie, maandprijs en beschikbaarheid zijn de vier dingen waar het op afketst. Die moeten bij elk model op dezelfde plek staan, anders is vergelijken onmogelijk.

04

Het team moet er zelf bij kunnen

Een nieuw model toevoegen is geen ontwikkeltaak. Maar volledige vrijheid in een paginabouwer betekent ook dat elke autopagina er net iets anders uit gaat zien.

Zo hebben we het aangepakt

Elementor boven, datamodel eronder

De site draait op Elementor, waar het team vertrouwd mee is. Maar het wagenpark zit er niet in getekend: dat is een eigen contenttype met vaste velden.

  1. 01

    Auto's als contenttype met vaste velden

    Elk model is een record met prijs, brandstof, transmissie, beschikbaarheid, een tagline, specificaties als actieradius en acceleratie, kleur, hoogtepunten en een fotogalerij. Het team vult velden in; de site bepaalt hoe die eruitzien. Daardoor staat bij elk model dezelfde informatie op dezelfde plek.

  2. 02

    Eigen Elementor-widgets in plaats van losse blokken

    We bouwden negen eigen widgets: het aanbodrooster, de detailweergave van een auto, de stappenuitleg, reviews, veelgestelde vragen, contactgegevens, header, footer en de juridische teksten. Ze halen hun inhoud uit de contenttypes, dus wie een auto aanpast, past hem overal tegelijk aan.

  3. 03

    Het concept in één zin en vier iconen

    Boven aan de homepage staat wat een abonnement is en waarin het verschilt: all-inclusive, flexibel opzegbaar, geen BKR-toets en snel geregeld. Dat is de vergelijking met private lease, zonder die met zoveel woorden te maken.

  4. 04

    Van aanbod naar aanvraag in drie stappen

    Vanaf elk model loopt er één route naar een aanvraag, opgeknipt in drie stappen die elk om weinig vragen. Zo blijft de drempel laag op het moment dat iemand net enthousiast is geworden over een auto.

  5. 05

    Een seeder om de site te kunnen herbouwen

    Pagina's, sjablonen, media en de eerste voertuigen zitten in een dataset die de site opnieuw kan opbouwen. Handig bij een verhuizing of een testomgeving, en het voorkomt dat de opzet alleen in de productiedatabase bestaat.

Onder de motorkap

Vertrouwd in beheer, gestructureerd onder water

Vertrouwd in het beheer, gestructureerd onder water.

Elementor Pro met eigen widgets
Negen widgets die hun inhoud uit de contenttypes halen.
Auto's als eigen contenttype
Prijs, brandstof, transmissie, beschikbaarheid en specificaties als velden.
Vastgelegd kleur- en letterpalet
Merkkleuren en Plus Jakarta Sans staan vast in de Elementor-kit.
Aanvraagflow in drie stappen
Vanaf elke autopagina één route naar de aanvraag.
Vertaalwisselaar in de navigatie
Machinevertaling voor anderstalige bezoekers, geen aparte taalversies.
Herbouwbaar met een seeder
Pagina's, sjablonen en beeld staan in een dataset, niet alleen in de database.

Het merk

Signaalgeel op marineblauw

Signaalgeel als handtekening, diep marineblauw als tegenwicht en lichtblauw voor de accenten. Het geel doet het werk in beeld; voor tekst en iconen gebruiken we het blauw, omdat geel op licht simpelweg niet leesbaar is.

Kleuren

  • Happy geel#FFC400
  • Marineblauw#0F2A44
  • Lichtblauw#6ED3F5
  • Tekstgrijs#52596D
  • Warm papier#FFF7E6
  • Mint#E8F8F5

Typografie

Plus Jakarta Sans
Koppen en tekst

Vragen

Vragen over Elementor en het wisselende aanbod

Vragen die bij dit project vaak terugkwamen, over Elementor en over een aanbod dat blijft veranderen. Staat je vraag er niet tussen? Bel of app ons gerust.

Projectmanager bij Volstoom

ProjectmanagerOp werkdagen binnen 4 uur antwoord

Staat je vraag er niet tussen? Stuur gerust een appje of een mail, dan zoeken we het voor je uit.

01Waarom Elementor en niet een eigen blokthema?

Omdat het team er al mee werkte en er goed in is. De winst zat niet in een andere editor, maar in wat eronder ligt: het wagenpark is een contenttype met vaste velden in plaats van met de hand opgemaakte pagina's. Zo houd je de vrijheid van Elementor zonder dat elke autopagina anders wordt.

02Hoe komt een nieuwe auto op de site?

Als een nieuw record met de velden ingevuld: prijs, brandstof, transmissie, beschikbaarheid, specificaties en foto's. Daarna verschijnt hij vanzelf in het aanbodrooster en krijgt hij zijn eigen detailpagina. Er hoeft geen pagina gebouwd of menu aangepast te worden.

03Wat gebeurt er met een auto die niet leverbaar is?

Beschikbaarheid is een veld op het model. Zet je die uit, dan verandert de weergave mee zonder dat de pagina verdwijnt. Dat is beter voor bezoekers die via Google op dat model binnenkomen, en beter voor de posities die die pagina heeft opgebouwd.

04Waarom staat het aanbod niet automatisch in de site via een koppeling?

Dat kan, en bij grote wisselende voorraden is het de juiste keuze. Bij dit aantal modellen weegt de eenvoud van zelf beheren zwaarder: geen afhankelijkheid van een extern systeem, en het team houdt de regie over teksten en beeld per auto.

05Wat kost een site met een eigen catalogus?

Maatwerk begint bij ons vanaf €6.500. Een site met een eigen contenttype, eigen widgets en een aanvraagflow valt in die categorie. Op onze prijzen staat wat de vaste pakketten kosten; voor maatwerk maken we vooraf een vaste prijs.

06Hoe legt de homepage het concept uit?

In één zin en vier iconen: all-inclusive, flexibel opzegbaar, geen BKR-toets en snel geregeld. Dat is de vergelijking met private lease, zonder die met zoveel woorden te maken. Wie het verschil niet binnen een paar tellen begrijpt, googelt anders verder naar private lease.

07Hoe verloopt een aanvraag voor een auto?

Vanaf elk model loopt één route naar de aanvraag, opgeknipt in drie stappen die elk om weinig vragen. Zo blijft de drempel laag op het moment dat iemand net enthousiast is over een auto. Op de detailpagina staan beschikbaarheid, prijs en de aanvraag bij elkaar.

08Waarvoor dient de seeder?

Om de site opnieuw te kunnen opbouwen. Pagina's, sjablonen, media en de eerste voertuigen zitten in een dataset, wat handig is bij een verhuizing of voor een testomgeving. Het voorkomt ook dat de hele opzet alleen in de productiedatabase bestaat.

09Kunnen anderstalige bezoekers de site lezen?

Ja, via een vertaalwisselaar in de navigatie. Die gebruikt machinevertaling, dus er zijn geen aparte taalversies die het team hoeft bij te houden. Anderstalige bezoekers kunnen zo het aanbod en de uitleg in hun eigen taal bekijken.

10Waarom wordt het geel niet voor tekst gebruikt?

Omdat geel op een lichte achtergrond simpelweg niet leesbaar is. Het signaalgeel doet daarom het werk in beeld, terwijl tekst en iconen in marineblauw staan. Lichtblauw zorgt voor de accenten, en Plus Jakarta Sans ligt samen met de merkkleuren vast in de Elementor-kit.

Eerst zien, dan beslissen

Wil je ook zo'n website?

Vraag het gratis proefontwerp aan: je ziet hoe jouw nieuwe website eruit kan zien én je krijgt er een vaste prijs bij, voordat je beslist.

Projectmanager bij VolstoomUX/UI-designer bij VolstoomLead developer bij Volstoom

Het bureau achter Happy Driver: één vast aanspreekpunt, op werkdagen binnen vier uur reactie.

“Perfect gedaan. Ik stuurde een schets met uitleg en het eerste ontwerp zat er al voor 95 procent op. Na één kleine feedbackronde was alles precies zoals ik het wilde.”
Ondernemer, nieuw webdesign

Vraag je gratis homepage design aan

Binnen 2 werkdagen in je mail. Invullen duurt 1 minuut.

  • Gratis en vrijblijvend
  • Betalen pas bij livegang