De migratie naar Magento en een verbeterd UX-design levert Derma Codes klanten een strakke winkelervaring via de webshop op.

Webshop migratie

Bij het migreren van een webshop van de ene naar de andere omgeving, in dit geval Magento, moet je altijd rekening houden met verschillende technische vraagstukken. Drie punten vroegen om onze speciale aandacht.

Laadsnelheid

Een van de struikelpunten voor de klanten van Derma Codes was de laadsnelheid. Die liet te wensen over. Vooral het laden van productpakketten (met meerdere producten) duurde te lang. Dat kan een reden zijn voor kopers om af te haken of het aankoopproces uit te stellen. Met de overname van het beheer hebben we dit probleem weten te tackelen, maar het blijft maandelijks aandacht vragen. Net als dat voor elke webshopomgeving geldt.

Startpakketten voor opleidingen

Derma Codes biedt productpakketten aan voor opleidingen. Een startpakket bestaat uit verschillende producten. Zodra een startpakket wordt aangeschaft, moeten de afzonderlijke producten afgeboekt worden van de voorraad in Exact. Deze omgeving had een limiet 20 producten, maar dat is voor sommige startpakketten niet voldoende. Hier hebben we een oplossing in Magento voor bedacht die niet te veel handelingen kost en het aanpassen van pakketten voor Derma Codes eenvoudig houdt.

Inhoud winkelmandje

Niets is zo demotiverend voor een koper als wanneer het winkelmandje ongevraagd geleegd wordt. Derma Codes liep tegen het probleem aan dat bij het afrekenproces, wanneer de koper gevraagd werd in te loggen, een vol winkelmandje automatisch geleegd werd. Dat pasten we uiteraard aan.

Optimalisatie in design en conversie

Een UX-rapport gaf inzicht in de verbeterpunten voor gebruiksvriendelijkheid, een aantrekkelijk design en conversie. Er vond een redesign plaats in de navigatie van de desktop webshop, waaronder het menu in de header. De verschillende categorieën zijn sneller en duidelijker zichtbaar.

Ook in visueel opzicht zijn er veranderingen doorgevoerd. Onnodige lege ruimte wordt nu nuttig ingevuld en ook op productniveau is de verhouding tussen afbeelding, productinformatie en prijs weer hersteld. De zoekbalk kreeg een prominente plaats in de header.

Mobiele webshop

Uit het rapport kwamen vooral UX design aanbevelingen gericht op een verbeterde webshopervaring voor potentiële klanten. Het topmenu is flink aangepakt en de volledige navigatie geoptimaliseerd. De mobiele webshop kan zich nu zeker meten met grote merken in de beauty-producten.

Zo kunnen klanten die een product aan het bekijken zijn beter terugnavigeren naar een categorie of het winkelmandje en is de zoekfunctie overal beschikbaar.

Communicatie met onze projectmanager en developer

Derma Codes zocht bewust naar een online marketingbureau Overschie. Mensen die dichtbij zijn en snel reageren vinden ze belangrijk. Om de communicatie te stroomlijnen, gebruiken we een project managementtool. Zo kan iedereen direct vragen stellen of opdrachten uitzetten. De korte lijnen met onze projectmanager en developer zorgt voor snelle antwoorden en acties.