Shopify UX/UI-redesign en mobiele CRO voor agenda’s en planners | De Hobbit

De Shopify-catalogus omvat ruim 340 agenda’s, planners, kalenders en stationeryproducten, met zestien formaten, uiteenlopende bindwijzen en dertien verschillende looptijdopties.

De Hobbit ontwikkelt sinds 1981 schoolagenda’s, docentenagenda’s, afsprakenagenda’s, familieplanners, kalenders en aanverwante stationeryproducten. Het assortiment richt zich op verschillende doelgroepen en gebruiksmomenten, waardoor bezoekers snel onderscheid moeten kunnen maken tussen formaten, looptijden, indelingen, bindwijzen en uitvoeringen.

Opklopper ontwierp de belangrijkste klantreizen opnieuw voor mobiel en desktop. De navigatie en zoekervaring werden overzichtelijker ingericht en collectiepagina’s kregen een duidelijkere productpresentatie. Vanuit de webshop kunnen bezoekers daarnaast eenvoudig door naar de winkelzoeker of het afzonderlijke zakelijke klantportaal van De Hobbit.

De productpagina werd ingericht voor informatie-intensieve stationeryproducten. Eigenschappen als formaat, bindwijze, looptijd, pagina-indeling, omslagtype, gewicht en EAN kunnen overzichtelijk rond de koopbeslissing worden gepresenteerd. Een deel van deze productinformatie wordt beheerd via bestaande Shopify-metafields.

Voor mobiele bezoekers ontwikkelde Opklopper een sticky add-to-cart waarmee de belangrijkste koopactie tijdens het scrollen bereikbaar blijft. Producttitels, prijzen, acties, voorraadstatus en de belangrijkste productinformatie werden compacter en duidelijker weergegeven, zodat bezoekers minder hoeven te zoeken voordat zij een agenda of planner toevoegen.

Ook de winkelwagen werd geoptimaliseerd voor cross-selling en hogere orderwaardes. Aanvullende producten kunnen rechtstreeks aan de winkelwagen worden toegevoegd en een dynamische voortgangsbalk toont hoeveel de klant nog moet besteden voor gratis verzending. Voor uitverkochte artikelen werd daarnaast back-in-stockfunctionaliteit opgenomen.

Social proof en vertrouwen maakten eveneens deel uit van de redesignscope. In het ontwerp werd ruimte gemaakt voor reviewscores, aantallen reviews en een duidelijke verwijzing naar WebwinkelKeur. Deze elementen kunnen automatisch worden verborgen wanneer voor een product nog geen reviews beschikbaar zijn.

Het resultaat is een overzichtelijker en mobielvriendelijker Shopify-theme voor een uitgebreid assortiment agenda’s, planners en kalenders. Productinformatie, product discovery, upselling en winkelwagenfunctionaliteit komen samen in een storefront die beter aansluit op zowel snelle seizoensaankopen als meer inhoudelijke productvergelijkingen.