Van Lightspeed naar een schaalbare Shopify-webshop

Klantreis en deliverables in kaart

Voordat er één wireframe getekend werd, is samen met specialisten op het gebied van marketing, SEA en SEO de potentiële klantreis in kaart gebracht. Uit die sessies kwamen de belangrijkste key punten naar voren: de momenten waarop een bezoeker overtuigd moet worden, twijfelt, of juist snel door wil klikken. Deze inzichten zijn vertaald naar concrete deliverables voor de webshop, zodat elk onderdeel van het ontwerp een aantoonbare functie in de reis had, in plaats van losse aannames.

Mijn rol in het project

Als projectmanager en UI/UX-designer had ik de volledige regie over de realisatie van deze webshop, vanaf het akkoord op de offerte tot en met de livegang:

• Klantreis in kaart gebracht
  Voordat er ook maar iets ontworpen werd is er eerst goed gekeken hoe we willen dat de gebruiker door de shop beweegt, waar het schuurt en waar nog winst te halen valt.

• Flink wat wireframing en design-iteraties
  Vooral op de productpagina is meerdere keren geschakeld tussen versies, want die pagina bepaalt uiteindelijk het meest voor de conversie.

• Het hele ontwerp van de webshop + design system
  Van de grote structuur tot in de kleinste details, alles doordacht neergezet zodat het niet alleen goed oogt maar ook lekker werkt.

• Refinements met het team
  Keuzes zijn niet in een slag gemaakt, maar steeds samen met developers en de rest van het team hebben we de shop geslepen naar zijn huidige vorm. Tot op de dag van vandaag zijn we aan de slag met optimalisaties.

Beleving op de productpagina

Een van de belangrijkste ontwerpkeuzes lag in de structuur van de productpagina. In plaats van één standaard productafbeelding is gekozen voor een galerijweergave, waarmee een product meer beleving en context meekrijgt. Deze keuze bleek meetbaar: uit eerdere A/B-test bleek dat bij een visueel product de bezoeker doormiddel van een galerijweergave sneller motiveert om tot koop over te gaan, Zo versnelde dit bij een eerder test voor houtenladders.nl de actie tijd tot add-to-cart met zn 20,8 seconden.

Om te achterhalen waarom de galerijweergave beter presteerde deden we een kwalitatieve tijd in de vorm van een think-aloud test met 8 participanten. Hierbij zijn beide productpagina's getest, waarbij versie 2 (met de galerijweergave) als beste naar voren kwam. Participanten gaven aan sneller tot de kern van het product te komen, en de prijs werd als minder prominent ervaren ten opzichte van versie 1. Dit sluit aan bij de resultaten uit de A/B-test en onderbouwt dat de galerijweergave niet alleen meetbaar beter converteert, maar ook daadwerkelijk bijdraagt aan een betere productbeleving.

Sturen met overtuigingsprincipes

Ook buiten de productpagina is goed nagedacht over hoe we mensen net dat duwtje richting aankoop kunnen geven, met de overtuigingsprincipes van Cialdini als een van de methodes. Denk aan upsell- en cross-sell-functionaliteit, en collecties die worden aanbevolen op basis van wat iemand al aan het bekijken is. Ook schaarste speelt hierin een belangrijke rol. Als iets bijna op is of nog maar even te koop geeft het de bezoeker meer urgentie. Zo geven we net dat zetje wat iemand soms nodig heeft om de knoop door te hakken.