Greenchoice: Een MKB-funnel met impact

Wie is Greenchoice?

Greenchoice is een online stroomleverancier. Hierdoor is hun digitale platform essentieel voor hun functioneren, want het is dé plek waar klanten inzicht kunnen krijgen in hun contracten en een gepersonaliseerd aanbod kunnen krijgen voor verschillende behoeften. Greenchoice maakt onderscheidt tussen vier verschillende soorten contracten: voor Thuis, ZZP’ers, MKB’ers, en Grootzakelijk. MKB-klanten konden door twee funnels lopen: een voor bestaande klanten, of een voor nieuwe klanten. Bij deze funnels liep Greenchoice tegen een aantal verbeterpunten aan, en daar helpen we ze graag verder mee! Zo kan een van hun essentiële diensten weer optimaal gaan presteren. 

Waar waren ze naar op zoek?

Vijf eigenschappen vertaalt naar concrete functies

1. Nieuwe klanten onboarden. 

De nieuwe funnel moest meer kunnen dan alleen bestaande klanten helpen: ook nieuwe klanten moeten zich gemakkelijk kunnen oriënteren op verschillende aanbiedingen. Om de oriëntatiefase soepeler te laten lopen hebben we The Minimal Calculator gebouwd. Dit is een gebruiksvriendelijke tool die berekent hoe veel stroom en/of gas een MKB-bedrijf minimaal nodig heeft. Hierdoor krijgt een MKB-bedrijf simpel en snel inzicht in het soort contract dat ze nodig hebben. Vervolgens kunnen klanten met deze informatie verder en hun registratie binnen de funnel voltooien.

2. De juiste informatie op het juiste moment. 

Niet iedereen zoekt dezelfde informatie, een bestaande klant die een contract wil verlengen zoekt andere opties dan een potentiële klant die zich nog oriënteert op verschillende opties. Door middel van query parameters hebben we ervoor gezorgd dat de funnel het verschil tussen nieuwe klanten en huidige klanten kan herkennen. Vervolgens hebben we conditionele rendering toegepast zodat klanten uitsluitend informatie zien die voor hen relevant is. Op deze manier blijft het proces overzichtelijk en gestructureerd. 

3. Prijstransparantie. 

Als je een contract afsluit is het essentieel dat je weet waarvoor je betaalt. Daarom hebben we extra inzichten toegevoegd, zodat klanten direct het effect van leegstand, negatief verbruik, kortingen, cashback, en terugleverkosten van zonnepanelen zien op het contractaanbod. 

4. Tracking en segmentatie. 

Inzicht in wat bezoekers doen op een website doen is van cruciaal belang om een betere klantervaring te kunnen bieden. Daarom hebben we de funnel geïntegreerd met Google Tag Manager en Google Analytics. Dit geeft Greenchoice helder inzicht in het gebruik van de funnel, waardoor ze nog beter kunnen inspelen op de unieke behoeften van hun klanten. 

5. Conversieoptimalisatie. 

Soms lopen klanten niet de hele funnel door. Dit kan bijvoorbeeld omdat een nieuw adres van een nieuwbouwhuis nog niet herkend wordt. In dit geval hebben we mogelijkheden tot follow-ups ingebouwd, zodat ook deze klanten geholpen kunnen worden. Door de klant bijvoorbeeld naar een errorpagina met een contactoptie te sturen, kan de klant nog steeds geholpen worden. 

Think, Create, Evolve: het maken van een toekomstbestendige funnel

Door deze funnel slim te bouwen is hij niet alleen verbeterd in functionaliteit, maar is hij ook toekomstbestendig. Daarom hebben we zowel aan de front-end als de back-end kant handige keuzes gemaakt om een optimale gebruikservaring te creëren. 

Vue.js: consistent en overzichtelijk

Door de front-end te bouwen met Vue.js kan er op een complexe webpagina een overzichtelijke gebruikersinterface gebouwd worden. Deze programmeertaal zorgt ervoor dat we volledige controle hebben over alle aspecten van de funnel. De funnel werkt hierdoor bijvoorbeeld samen met het design system van Greenchoice. Dit zorgt ervoor dat alle front-end componenten van de funnel consistent zijn met de andere componenten die Greenchoice gebruikt op de website. Is er ergens op de website een gele button gemaakt? Door middel van het designsysteem gebruiken wij nu dezelfde gele button. Zo zorgen we voor een consistente huisstijl door de hele website heen.  

Vue Router: aanzienlijke snelheid

We hebben de funnel enorm veel sneller kunnen maken door hem te bouwen met de Vue Router. Met deze techniek hebben we er namelijk een Single Page Application (SPA) van gemaakt. Dit zorgt ervoor dat de gebruiker op dezelfde webpagina kan blijven, terwijl er wel van URL veranderd kan worden. Dankzij deze opzet hoeven er geen losse pagina’s ingeladen te worden, en wordt de hele funnel aanzienlijk sneller. 

WCAG: toegankelijk en gebruiksvriendelijk

Om de funnel toegankelijk te maken voor iedereen, hebben we het gebouwd aan de hand van de ‘Web Content Accessibility Guidelines'. Deze staan ookwel bekend als de ‘WCAG 2.2 richtlijnen’, en zijn internationale richtlijnen om het internet gebruiksvriendelijker te maken voor iedereen. Zo hebben we bijvoorbeeld de bestaande validaties onder de loep genomen en verbeterd, en een auto-fill functie toegevoegd. Dit betekent dat de velden waar een klant informatie invult nu weten welk informatietype er verwacht wordt, en de informatie kunnen controleren. Een e-mailveld kan dus e-mailadressen bekend bij het apparaat voorstellen ter invulling, en controleren dat er een valide e-mailadres staat. Mocht dit niet het geval zijn, hebben we ervoor gezorgd dat de funnel duidelijke errors toont, die de klant begeleidt bij het invullen van de correcte informatie. Ook hebben we toegankelijkheid van de funnel vergroot door deze volledig navigeerbaar te maken met een toetsenbord. Zo kunnen bijvoorbeeld mensen met een fysieke beperking alsnog de funnel gebruiken. 

.NET CORE 8 API: geïntegreerd en persoonlijk

Verder is de back-end modulair geprogrammeerd met .NET Core 8 API, en geïntegreerd met het CCMS (Component Content Management System), de back-office, en de database van deze MKB funnel. Hierdoor werkt de funnel samen met alle relevante belangrijke partijen binnen Greenchoice, en krijgt de gebruiker alle mogelijke proposities te zien op basis van de door hen ingevulde waardes. Dit zorgt ervoor dat elke gebruiker een persoonlijk aanbod krijgt. 

Trechter structuur: altijd relevant

Om de klant goed te begeleiden door al deze informatie, is de funnel ontwikkeld middels een ‘trechter structuur’; dit betekent dat de gebruiker telkens een vraag moet beantwoorden, en op basis daarvan steeds specifiekere informatie krijgt – steeds verder door de trechter gaat, als het ware. Hierdoor kan optimaal ingespeeld worden op de unieke wensen van de gebruiker, en wordt irrelevante informatie afgevangen. 

Met deze MKB funnel heeft Greenchoice een krachtige nieuwe tool in handen. Ze kunnen hiermee zowel bestaande als nieuwe klanten sneller, duidelijker, en efficiënter begeleiden bij het afsluiten van stroom- en/of gascontracten. In de toekomst zullen we betrokken blijven bij dit project om te evalueren en te optimaliseren. Zo zijn we er zeker van dat niet alleen vandaag, maar ook morgen, deze tool altijd de beste ervaring blijft bieden.