Terug naar het werk

MyOnlineStore, winkelsjablonen

Eennieuwestorefrontontwerpen

De winkelsjablonen waren functioneel en verouderd. Ik heb ze opnieuw ontworpen en de richting laten kiezen door klanten. Gebouwd is het nooit.

Opdrachtgever
MyOnlineStore
Mijn rol
Interfaceontwerp
Looptijd
2 maanden
Schaal
53 klanten kozen de richting

Waar het om draaide

De bestaande sjablonen werkten, maar zagen eruit als de tijd waarin ze gemaakt waren. Winkeliers verkopen bovendien heel verschillende dingen, dus een sjabloon moet aanpasbaar zijn zonder uit elkaar te vallen.

Ik begon met deskresearch en een marktanalyse: wat doen goede webshops op dit moment, en wat verwachten bezoekers daardoor.

Eerst de skeletten

Wireframes voor de routes die er het meest toe doen. De homepage, het productoverzicht, de productpagina, de winkelwagen en het afrekenen. Geen stijl, alleen volgorde en verhouding.

De winkelwagenpagina met een raster erover
De winkelwagen, met het kolomraster eroverheen.

Drie richtingen, één stem

Uit de platformdata bleek kleding en mode de grootste groep winkels, dus daarvoor ontwierp ik drie homepages.

In plaats van zelf te kiezen stuurde ik een voorkeurstest naar tweehonderdzestien klanten. Drieënvijftig reageerden. Ontwerp A kreeg zesendertig stemmen, achtenzestig procent. Dat is geen unaniem oordeel, maar wel een duidelijker signaal dan mijn eigen voorkeur.

De gekozen homepage voor de nieuwe sjablonen
De winnende homepage.
68%

van de drieënvijftig respondenten koos ontwerp A. Verstuurd naar tweehonderdzestien klanten.

De rest in dezelfde taal

Met die keuze werkte ik de overige pagina’s uit. Dezelfde typografie, dezelfde ruimte, dezelfde manier van opbouwen, zodat het team er een sjabloon van kon maken in plaats van losse pagina’s.

Het productoverzicht van de nieuwe sjablonen
Het productoverzicht.
De productpagina van de nieuwe sjablonen
De productpagina.

Het is nooit gebouwd

Het bedrijf verlegde zijn koers en de sjablonen zijn nooit live gegaan. Dat hoort erbij en ik zet het er bewust bij, want de helft van dit vak gaat over werk dat de eindstreep niet haalt.

Wat wel bleef: de indeling in secties en blokken uit dit werk werd de basis voor de winkeleditor waar ik daarna aan werkte. Ontwerp dat niet gebouwd wordt kan alsnog ergens anders terechtkomen.

Een voorbeeldwinkel met de nieuwe onderdelen
Een winkel opgebouwd uit dezelfde onderdelen.
Volgende case Een nieuw menu voor 12.000 mensen

Zin om ergens over te sparren?

Over een ontwerpprobleem, een designsysteem of gewoon over het vak. Ik hou van een goed gesprek.

hello@luukhorsmans.com