MyHairShop
Een nieuwe Hyvä-frontend voor een bestaande Magento-shop. Ontwerp, uitvoering en opgebouwde projectkennis kwamen samen in één traject.
- 1
- Brandbook voor kleuren, typografie en componenten
- 13
- Paginatypen, van homepage tot checkout
- 6 weken
- Van opdracht tot live bij MyHairShop
Opdracht: 6 mei 2026. Live: 15 juni 2026. Dertien paginatypen volgens de projecttaken. Dit zijn resultaten van dit project; de planning van een nieuwe shop hangt af van de scope.
De techniek stond. De uitstraling moest verder.
Vendic beheerde de Magento-installatie al. Voor de nieuwe frontend legden we eerst kleur, typografie en componentstijl vast. Het goedgekeurde ontwerp bestond als werkende pagina’s voordat we het naar Hyvä vertaalden.
Een ontwerp wordt sterk in de uitwerking.
Bij MyHairShop werkten we één brandbook uit in dertien paginatypen. Bekijk hoe de keuzes terugkomen op verschillende plekken in de shop.
Een herkenbaar merk, overal
Kleur, typografie en componentstijl liggen vast in het brandbook. Zo blijft het ontwerp herkenbaar, ook op pagina’s buiten de eerste mockup.
Bekijk de volledige paginaEen groot assortiment toegankelijk maken
Navigatie, filters en productkaarten helpen bezoekers hun keuze te verkleinen. De hiërarchie en componenten volgen hetzelfde ontwerp.
Bekijk de volledige paginaDe juiste variant kunnen kiezen
Productinformatie en de variantkeuze krijgen een eigen plek. De uitwerking houdt rekening met verschillende producten en schermformaten.
Bekijk de volledige paginaMyHairShop · Vendic AI Design
Drie keuzes achter het resultaat.
Eerst het merk vastleggen
Met één brandbook konden we dezelfde visuele keuzes consequent toepassen. De extra productiecapaciteit ging naar een samenhangende uitwerking van dertien paginatypen.
Ook keuzes maken over wat weg kan
In het mobiele ontwerp herhaalde een vaste onderbalk drie acties uit de header. We adviseerden die herhaling weg te laten en de verlanglijst in de header op te nemen.
Verder kijken dan de homepage
Onder meer de variantkeuze, het mobiele menu en de merkenlijst kregen een eigen uitwerking. Zo ondersteunde het ontwerp ook het gebruik van het assortiment.
“De nieuwe site ziet er prachtig uit, presteert uitstekend en weerspiegelt precies de kwaliteit en designrichting die we voor ogen hadden.”
Wat kan deze aanpak voor jouw shop betekenen?
Bekijk AI Design of bespreek met ons wat je wilt verbeteren.
Wat is jouw volgende stap?
Bespreek je wens of knelpunt met Niek. We bekijken welke kennis en oplossingen al beschikbaar zijn en wat aanvullende uitwerking vraagt.