Conversie optimaliserend design

De werkzaamheden voor TUI waren gericht op het verbeteren van de toegankelijkheid en conversie (CRO) van de website. De werkzaamheden liepen uiteen van CRO-optimalisatie en het herontwerpen van kernpagina's tot het opzetten van een werkwijze voor de wereldwijde rebranding van TUI. Design en front-end kwamen daarbij samen: ontwerpen werden gestyled en gecodeerd om vervolgens aan de hand van A/B testen tot verbeterde resultaten te komen.

Het grootste commerciële succes kwam uit een UX-verbetering in de boekingsflow, die een conversiestijging van ca. 1,5% opleverde. Voor een organisatie als TUI betekent dat miljoenen euro's aan extra jaaromzet. En dat uit slechts één gerichte designwijziging. Daarnaast werd o.a. de mobiele homepage herontworpen en werd een proces opgezet om de nog lopende rebranding soepel te implementeren met herbruikbare globale componenten.

De website

De boekingsflow was het meest impactvolle onderdeel. Data liet zien dat veel gebruikers afhaakten in de laatste boekingsstap. Bij onderzoek bleek die stap afwijkend vormgegeven van de voorgaande, waardoor gebruikers de hele pagina opnieuw moesten scannen en de cognitieve belasting onnodig hoog was. De stap werd hervormd tot een voorspelbaardere interface en de lange pagina werd compacter gemaakt, zodat de CTA beter bereikbaar werd (Fitts's Law) zonder de verplichte content in te korten. Wireframe, design én front-end code vormden samen de basis voor een A/B-test — met bewezen resultaat: +1,5% voltooide boekingen.

Bij de redesign van de mobiele homepage draaide alles om balans. De oude versie straalde de reis- en TUI-spirit niet uit, maar veel gebruikers waren juist vertrouwd met het bestaande ontwerp. De keuze viel daarom op een stap vooruit die aantrekkelijker aanvoelde zonder te verstoren: minder opties en meer beeld om de vakantiesfeer centraal te zetten, onderbouwd met principes als Hick's Law en het Aesthetic-Usability Effect. Ook deze versie werd via A/B getest en bewees een positief effect — een solide eerste stap om op voort te bouwen.

Homepage

Het vernieuwde design dat tot op de dag van vandaag nog steeds staat als a/b variant.

Vluchtkeuze

Het nieuwe design waarin de gebruikers de keuze maken voor welke vlucht ze boeken.

Before

De oude checkout pagina

After

De nieuwe variant die op jaarlijkse basis 1,5% meer omzet heeft gegenereerd.

“Goed design onderscheidt je merk, verbetert de ervaring en creëert een band met de persoon vóór het scherm. Dit vormt de basis voor merkvoorkeur, versterkt loyaliteit en stimuleert de verkoop.”