UX/UI Briefing – Visual design e-commerce Verkleedkleren Online
Werkgever: Flashpoint
Project: Visual design responsive e-commerce
Rol: UI design

Achtergrond

Ontwikkel een overzichtelijke en responsive website met een intuïtieve gebruikerservaring. De navigatie moet zó zijn ingericht dat alle productcategorieën eenvoudig en duidelijk toegankelijk zijn voor bezoekers, ongeacht het apparaat.

Het ontwerp is opgezet met het oog op schaalbaarheid en flexibiliteit, zodat het naadloos doorvertaald kan worden naar drie afzonderlijke storeviews – elk met eigen branding of taalinstellingen, binnen één consistente structuur.

Aanpak

  • Fase 1: Wireframing
    Startpunt van het traject was het uitwerken van wireframes, waarmee de structuur, gebruikersflows en functionaliteiten in kaart zijn gebracht.

  • Fase 2: Visueel ontwerp
    Op basis van de wireframes is een compleet visueel ontwerp uitgewerkt. Hierbij is gefocust op gebruiksgemak, visuele consistentie en conversieoptimalisatie.

  • Fase 3: Realisatie in samenwerking met development
    Tijdens de implementatie is nauw samengewerkt met front-end developers. Keuzes in interactie en visueel ontwerp zijn gezamenlijk afgestemd en waar nodig iteratief bijgestuurd.

Makkelijke navigatie

Vele categorieën kunnen een webshop al snel onduidelijk maken. Om hier duidelijkheid in aan te brengen hebben we gekeken naar toonaangevende webshops met veel categorieën. Zalando heeft een navigatiestructuur die de inspiratie bood voor de indeling van Verkleedkleren Online.

Uiteindelijk is er voor gekozen een cookie te zetten als er een categorie is gekozen. Zo blijft deze categorie bij een volgend bezoek meteen open staan. Onder de hoofdcategorie zijn de subcategorieën te zien welke ieder een eigen dropdown hebben.

Detailpagina’s

Alle schermen van het platform zijn volledig ontworpen en afgestemd met de klant. Tijdens dit proces is nauw samengewerkt om ervoor te zorgen dat het ontwerp aansluit bij zowel de functionele wensen als de visuele identiteit van het merk.

Voor elk scherm zijn alle responsive states uitgewerkt, zodat de gebruikerservaring op mobiel, tablet en desktop optimaal is. Dit garandeert een consistente en toegankelijke interface, ongeacht het apparaat of de schermgrootte waarop de webshop wordt bezocht.