Klantreis
UX research
Wireframing
Design system
A/B-testing
Migratie

Van drie losse shops naar één platform dat het team zelf beheert

Klant

Rotim shop

Jaar

2026

Rotim werkte in Lightspeed met drie losse shops in drie talen, en elke aanpassing moest in elke shop apart gebeuren. Bij de overstap naar Shopify brachten we alles samen in één omgeving, zonder dat elke taalversie zijn eigen invalshoek verloor: een Duitser maakt nu eenmaal andere keuzes dan een Nederlander. Ik ontwierp niet alleen de shop voor de klanten van Rotim, maar ook de manier waarop hun eigen team hem beheert.

Klantreis van Rotim in zes fases, van awareness tot nazorg, met per fase de ontworpen onderdelen zoals collectiepagina, productpagina, winkelwagen en check-out

Klantreis en deliverables in kaart

Voordat er één wireframe getekend werd, hebben we samen met specialisten in marketing, SEA en SEO de klantreis in kaart gebracht, van eerste oriëntatie tot nazorg. Per fase werd duidelijk waar een bezoeker overtuigd moet worden, waar hij twijfelt en waar hij juist snel door wil. Die inzichten heb ik vertaald naar concrete onderdelen van de shop, zodat elke ontwerpkeuze een aantoonbare plek in de reis had in plaats van een losse aanname.

Mijn rol in het project

Als UX-designer en projectmanager had ik de regie over het ontwerp, van het akkoord op de offerte tot de livegang en de optimalisatie daarna:

  • Klantreis in kaart gebracht
    Samen met marketing, SEA en SEO eerst uitgezocht hoe bezoekers door de shop bewegen, waar het schuurt en waar winst te halen valt.

  • Wireframes en gebruikerstests
    Vooral de productpagina is meerdere keren omgegooid en getest, met A/B-tests en een think-aloud test met acht deelnemers.

  • Een design system voor het team
    Een breed scala aan hufterproof blokken waarmee het team van Rotim zelf collecties en producten presenteert, zonder dat het geheel uit elkaar valt.

  • Samen met developers
    We werkten in sprints en bespraken de ontwerpkeuzes in retrospectives, zodat inzichten direct konden worden doorgevoerd. De optimalisatie loopt nog steeds door.

Twee wireframe-varianten van de productpagina: links met één grote productfoto, rechts met een galerij van vier foto's, staffelprijzen en productspecificaties

Eén productpagina past niet op elk product

De belangrijkste ontwerpkeuze lag op de productpagina. Een eerdere A/B-test bij een andere webshop liet zien dat een galerijweergave bij visuele producten sneller tot actie leidt: bezoekers kwamen daar 20,8 seconden sneller tot add-to-cart. Om te begrijpen waarom, deden we een think-aloud test met acht deelnemers waarin we beide versies van de productpagina voorlegden. Met de galerijweergave kwamen ze sneller tot de kern van het product, en de prijs voelde minder dominant.

Toch bleek bij Rotim één weergave niet voor elk product te werken. Per producttype heb je een net andere gebruiker met andere wensen, dus hebben we per type met A/B-tests uitgezocht welke weergave het beste werkt. Bij sfeervol inpakmateriaal leverde een collageweergave 8% meer conversie op, bij inpakdozen juist een technischere weergave 6%. Daarom kiezen we nu voor een productspecifieke aanpak. Voor mij bevestigt dat steeds weer: goed ontwerp begint bij de gebruiker en de taak die iemand probeert uit te voeren.

De mobiele productpagina van Rotim op een smartphone, met een galerij van productfoto's van verzendzakken
Iemand bekijkt de homepage van Rotim op een laptop

Keuzes makkelijker maken

Ook buiten de productpagina helpt het ontwerp bezoekers bij hun keuze. Met de overtuigingsprincipes van Cialdini als leidraad kregen upsell en cross-sell een plek, en worden collecties aanbevolen op basis van wat iemand al bekijkt. Schaarste speelt ook mee: als iets bijna op is, helpt dat om de knoop door te hakken.

Dit was het voor nu!

Meer weten? Stuur een berichtje via Linkedin Linkedin of via de mail.