Verbeterde conversie door UX-redesign

Voor Lydis werkte ik aan het optimaliseren van de productpagina, checkout en het gehele koopproces. De oorspronkelijke conversie was laag en gebruikers haakten af op verschillende punten. Aan de hand van data, UX-principes en A/B-tests heb ik meerdere designvoorstellen ontwikkeld die gericht zijn op het verhogen van de conversie.

Introductie van de optimalisatiecase

Tijdens het optimaliseren van de productpagina van [Lydis] kwam uit gebruikersonderzoek naar voren dat bezoekers bepaalde functionaliteiten misten. Zo konden zij geen notificatie instellen voor wanneer een product weer op voorraad was — iets waar wél duidelijk behoefte aan was. Daarnaast bleek dat elementen zoals social proof, vertrouwenssignalen en duidelijke betaalmethodes een belangrijke rol speelden in het aankoopproces.

Op basis van deze inzichten heb ik een nieuw ontwerp ontwikkeld waarin diverse conversieverhogende elementen zijn toegevoegd, waaronder:

  • De mogelijkheid om notificaties in te stellen

  • Iconen van beschikbare betaalmethodes

  • Vertrouwensverhogende elementen zoals klantbeoordelingen en leveringsinformatie

Het advies destijds was om deze elementen gefaseerd te testen via A/B-tests, zodat per onderdeel gemeten kon worden welke bijdrage het leverde aan de conversie op de productpagina.

Bekijk hele productpagina

Ontwerp notificatie instellen niet op voorraad

Laat zien dat een product uitverkocht is
Geef gebruikers de mogelijkheid om hun e-mailadres achter te laten, zodat zij een e-mail ontvangen wanneer het product weer op voorraad is.
Social proof – Laat zien hoe eerdere klanten de webshop beoordelen na hun aankoop.

Ontwerp notificatie ingesteld voor op voorraad

Geef de gebruiker feedback op zijn interactie en laat weten dat de actie succesvol is voltooid.
De knop is gedeactiveerd en de tekst is aangepast naar “Notificatie ingesteld”. Zo krijgt de gebruiker directe feedback op zijn interactie en hoeft hij zijn e-mailadres niet opnieuw in te vullen.

UX-toevoeging: Sticky CTA-balk tijdens scrollen

Om de gebruikservaring op de productpagina te verbeteren, heb ik een sticky CTA-balk toegevoegd met de knop “Voeg toe aan winkelwagen”, die zichtbaar blijft tijdens het scrollen.

Probleem
Mobiele gebruikers raakten de CTA vaak uit het zicht, wat leidde tot onnodig scrollen en afhaken in het aankoopproces.

Oplossing
De balk blijft in beeld, waardoor gebruikers snel kunnen handelen zonder terug te navigeren. Dit verlaagt frictie en verbetert de flow.

UX-onderbouwing
Gebaseerd op Fitts’ Law: hoe dichter en zichtbaarder een actie, hoe sneller die wordt uitgevoerd. Dit vermindert cognitieve belasting en verhoogt de kans op conversie.

Tijdens het scrollen blijft een vaste balk zichtbaar waarmee gebruikers snel het product aan hun winkelwagen kunnen toevoegen. Dit verbetert de gebruikservaring en verhoogt de kans op conversie, doordat de call-to-action altijd binnen handbereik blijft.

Optimalisatie favorietenlijst

Website Lydis favorieten lijst

Door tabbladen toe te voegen, zien gebruikers in één oogopslag welke producten bij welke categorie horen, wat zorgt voor overzicht en snellere navigatie. Hierdoor vinden ze makkelijker wat ze zoeken.

Door favorieten per categorie in tabbladen te tonen, krijgen gebruikers snel toegang tot hun opgeslagen producten binnen een duidelijke context. Dit verhoogt gebruiksgemak en voorkomt onnodig zoeken.