Een Nederlandse online boekhandel kwam bij ons met het symptoom dat elke catalogus-gedreven webshop kent: mobiel verkeer dat scrolde, twijfelde en weer wegklikte. De productpagina’s waren het lekkende punt — de koopknop verstopt onder de vouw, de verlanglijst die om aandacht streed, belangrijke koopsignalen pas zichtbaar na een scroll. We bouwden de pagina opnieuw op rond één vraag — wat moet een rechtshandige mobiele koper in de eerste duimbereik zien om de stap te zetten — en de conversieverhouding verdubbelde bijna op het nieuwe sjabloon.
Benchmark de categorie, herbouw dan de pagina rond de duim
01 · Benchmark — lees de categorie voordat je de pagina opnieuw tekent.
We brachten in kaart hoe de grotere eTailers in de boekencategorie de mobiele productpagina aanpakken — en brachten de niche-boekhandels apart in kaart, die met een sterke redactionele identiteit. De twee patronen komen samen op een paar niet-onderhandelbare punten en lopen uiteen op de dingen die voor het merk tellen. We namen de overlappende patronen als basis en lieten de afwijkende patronen klant-specifiek blijven. Dat onderscheid is het verschil tussen een sjabloon overnemen en een herontwerp dat nog steeds als de klant voelt.
Als het prijsverschil tussen webshops verwaarloosbaar is, wint de webshop met de meest gebruiksvriendelijke interface de klant. Dat is de hele CRO-stelling op een catalogus-pagina.
02 · Herontwerp — koopknop boven de vouw, aan de rechterkant, met de koopsignalen die hij nodig heeft eromheen.
De audit bracht de gebruikelijke valkuilen boven — koopknop verstopt, verlanglijst die er visueel mee concurreert, cruciale koopinformatie (prijs, beschikbaarheid, formaat) verborgen onder de vouw zelfs op mobiel, een rommelige informatie-hiërarchie, en een koopknop die links stond terwijl de meeste gebruikers rechtshandig zijn. We tekenden de pagina opnieuw met de koopbeslissing in het eerste duimbereik: prijs en formaat zichtbaar zonder scrollen, koopknop rechts waar de duim van nature rust, verlanglijst teruggebracht tot een secundaire optie.
De koopbeslissing verhuist naar het eerste duimbereik: prijs en formaat zichtbaar zonder scrollen, koopknop rechts waar de duim van nature rust.
03 · Checkout vereenvoudigen — van toevoegen-aan-winkelwagen naar de volgende stap zonder zoekwerk.
Het werk aan de productpagina betaalt zich alleen uit als de checkout de extra toevoegingen-aan-winkelwagen opvangt zonder ze opnieuw te laten weglekken. We maakten het pad van toevoegen-aan-winkelwagen naar de volgende stap strakker — minder schermen, een duidelijkere knop voor “verder”, geen gezoek naar de volgende knop na de winkelwagen-bevestiging. Het resultaat was een toevoegen-aan-winkelwagen-percentage dat bijna 47% steeg en een conversiepercentage dat rond de 50% steeg op de herbouwde mobiele productpagina.
Het werk aan de productpagina betaalt zich alleen uit als de checkout de extra toevoegingen-aan-winkelwagen opvangt zonder ze opnieuw te laten weglekken.
In cijfers
De kerncijfers waar de klant om gaf: conversiepercentage rond de 50% omhoog, toevoegen-aan-winkelwagen bijna 47% omhoog, op het herbouwde mobiele productpagina-sjabloon. Het mechanisme erachter: een koopbeslissing die de rechtshandige mobiele gebruiker in het eerste duimbereik kan nemen, gevolgd door een checkout-flow die hem niet vraagt naar de volgende stap te zoeken.
Verhouding bezoeker-naar-koper op de mobiele productpagina, voor en na de herbouw.
Als de prijs gelijk is, krijgt de webshop met de schonere mobiele productpagina de bestelling.
Saai, voorspelbaar, toe te rekenen. Zo ziet goede PPC eruit.
Elke samenwerking begint met een audit van 30 minuten — gratis, geen slides, gewoon een screenshare door je account.
Boek de audit →