top of page
A/B-testen van landingspagina's
Casestudie

Bepaal de meest effectieve manier van registreren via A/B-testen.

Doel
Intro
Ik heb een landingspagina kunnen ontwerpen voor Tibbaa (nu Fancee), een ticketingplatform. De focus lag op het optimaliseren van het registratieproces.
Desktopversie 6.png
De vraag
Hoe krijgen we meer registratieconversie?

We besloten dat we wilden testen of een andere manier van registreren meer conversies zou opleveren dan de huidige manier.

Schermafbeelding 09-01-2024 om 15.20 uur 2.png

Home scherm

Huidig registratieproces
Op de startpagina van de Tibbaa-website staat een CTA waarmee gebruikers zich kunnen aanmelden voor Tibbaa-ticketing. Wanneer een gebruiker op deze CTA klikt, verschijnt er een nieuw scherm waar de gebruiker zijn gegevens kan invoeren om een account aan te maken.
Schermafbeelding 10-01-2024 om 14.19 uur 2.png

Registratiescherm

Proces

Na overleg met marketing is afgesproken om de inhoud van de homepage hetzelfde te houden naast enkele tekstuele aanpassingen zoals het verwijderen van repetitieve tekstblokken. Dit houdt de pagina overzichtelijk & beknopt.
Concept
In het eerste ontwerp heb ik een donkere afbeelding in de header gebruikt, omdat ik dicht bij de huidige website wilde blijven om de websiteherkenning te behouden. Nadat ik feedback kreeg dat het er te donker uitzag, heb ik het ontwerp aangepast.
 
Ik besloot de afbeelding volledig weg te laten en te vervangen door een egaal oppervlak. Door het gebruik van een egaal oppervlak is de tekst beter leesbaar en wordt de huisstijl benadrukt.
Kader 17.png

Eerste concept

Inschrijvingsformulier component

Om het registratieproces intuïtief en gebruiksvriendelijk te maken, heb ik de best practices rond een registratieformulier toegepast die aansluiten bij dit project, zoals:
  1. Het zo kort mogelijk houden van het registratieformulier zodat de drempel voor een gebruiker om zich te registreren lager is.
  2. Knoplabels onder woorden brengen op basis van de actie die de gebruiker onderneemt.
  3. De verschillende ontwerpstatussen zijn zo ontworpen dat de gebruiker tijdens de interactie onmiddellijke feedback krijgt.
  4. Toon het inschrijfformulier direct op de landingspagina, zodat je niet meer hoeft door te klikken.
 
Versie 1: De gebruiker vult 3 velden in om een account aan te maken.
 
Versie 2: De gebruiker laat alleen zijn e-mailadres achter en kan op een later moment een account aanmaken. De verkoopafdeling van Tibbaa kan de gebruiker ook per e-mail bereiken.
Kader 16.png

Boven versie 1, onder versie 2

Resultaat

Nadat de A/B-testen succesvol waren uitgevoerd, werden de resultaten getoond. Versie 2 presteerde beter dan versie 1 wat betreft aanmeldingsconversies. Deze uitkomst bevestigde onze hypothese dat de initiële aanmeldingsdrempel te hoog was.
Afbeelding.png

Definitief ontwerp

bottom of page