Nederlandse e-commerce: ruimtes creëren die er toe doen

Nederlandse e-commerce: ruimtes creëren die er toe doen

Written by
Philip Wallage, the Sr. UI/UX Designer that'll do all the work!
Philip Wallage
Sr. UI/UX Designer
Client
Plantinum
Tools
Figma
Interested in working together?
Book a call

Ik had het genoegen de ontwerprevisie te leiden voor Plantinum, een gerenommeerd Nederlands e-commercebedrijf dat gespecialiseerd is in het creëren van ruimtes die er toe doen.

Dit project was een gezamenlijke inspanning waarbij een front-end developer, een back-end developer en ikzelf betrokken waren, waarbij ik alle ontwerpgerelateerde aspecten voor mijn rekening nam.

Ons doel was om de online aanwezigheid van Plantinum om te zetten in een visueel aantrekkelijke, gebruiksvriendelijke website die echt hun merkethos weerspiegelt en de klantervaring verbetert.

Projectuitdagingen

Plantinum stond voor verschillende uitdagingen met hun bestaande website:

  1. Verouderd ontwerp: De oude website weerspiegelde niet de moderne en innovatieve geest van Plantinum.
  2. Organisatie van de inhoud: De bestaande inhoud was niet goed gestructureerd, wat leidde tot slechte navigatie en gebruikerservaring.
  3. Responsiviteit op mobiele apparaten: De site miste een naadloze mobiele ervaring, wat cruciaal is voor de huidige e-commerceplatforms.

Ontwerpbenadering

Om deze uitdagingen aan te gaan, richtte mijn ontwerpaanpak voor Plantinum zich op drie belangrijke gebieden:

  1. Visuele revisie: Het nieuwe ontwerp moest modern en strak zijn en een afspiegeling zijn van het merk Plantinum. Door het UntitleDUI-ontwerpsysteem als uitgangspunt te gebruiken, kon ik snel een solide ontwerpbasis leggen, waardoor ik me kon concentreren op creatieve en merkelementen.
  2. Reorganisatie van de inhoud: Ik heb alle bestaande inhoud opnieuw gepland, inclusief het implementeren van omleidingen om 404-fouten te vermijden. Dit zorgde voor een naadloze overgang naar de nieuwe site zonder waardevolle SEO-ranglijsten of gebruikersvertrouwen te verliezen.
  3. Wireframes voor mobiel en desktop: Ik heb gedetailleerde wireframes gemaakt voor zowel desktop- als mobiele versies om een consistent en responsief ontwerp op alle apparaten te garanderen.
Het is „maar” een knop, toch?
Prachtige typografie deed het.

Belangrijkste kenmerken van de vernieuwde Plantinum-website

Ontwerpsysteem

  1. Maakt gebruik van het UntitleDUI-ontwerpsysteem voor snelle ontwikkeling van basiselementen.
  2. Gericht op prachtige typografie en samenhangende merkelementen om de visuele aantrekkingskracht te vergroten.
Alle bestaande inhoud opnieuw plannen, inclusief doorverwijzingen, om 404s te vermijden.

Sitemap en inhoudsplanning

  1. Gereorganiseerde inhoud om de navigatie en gebruikerservaring te verbeteren.
  2. Implementeerde omleidingen om de SEO-integriteit te behouden en 404-fouten te voorkomen.
Wireframes voor zowel desktop als mobiel

Wireframes en UI-ontwerp

  1. Ontwikkelde wireframes voor zowel desktop als mobiel om een responsief ontwerp te garanderen.
  2. Creëerde een uitgebreid ontwerpsysteem, inclusief typografie, kleuren en UI-elementen.
Verbeterde productpagina's met een focus op duidelijkheid en esthetiek.

Schermontwerpen

  1. Productpagina's: Verbeterde productpagina's met een focus op duidelijkheid en esthetiek.
  2. Overzichtspagina voor updates: Een aantrekkelijke updatepagina ontworpen met een prominente call-to-action-voettekst.
  3. Pagina van de serie: Ontwikkelde een boeiende heldensectie voor seriepagina's om belangrijke producten onder de aandacht te brengen.
  4. Afrekenervaring: Heeft twee versies van het afrekenproces gemaakt voor A/B-testen om het meest effectieve ontwerp te bepalen.
Heeft twee versies van het afrekenproces gemaakt voor A/B-testen om het meest effectieve ontwerp te bepalen.

Impact en resultaten

Het herontwerp van de website van Plantinum resulteerde in verschillende belangrijke verbeteringen:

  • Gemoderniseerde beelden: Het nieuwe ontwerp gaf de website een frisse, moderne uitstraling, passend bij de merkidentiteit van Plantinum.
  • Verbeterde gebruikerservaring: gereorganiseerde inhoud en verbeterde navigatie leidden tot een meer intuïtieve gebruikerservaring.
  • Verbeterde mobiele responsiviteit: De website biedt nu een naadloze ervaring op alle apparaten, gericht op het groeiende aantal mobiele gebruikers.
  • Betere betrokkenheid: Uit vroege feedback bleek dat gebruikers het nieuwe ontwerp aantrekkelijker en gebruiksvriendelijker vonden, wat leidde tot een hogere klanttevredenheid.

Conclusie

Het herontwerpproject voor de website van Plantinum benadrukt mijn vermogen om een uitgebreide revisie van het ontwerp te leiden, van de eerste planning tot de uiteindelijke implementatie.

Door me te concentreren op moderne esthetiek, gebruikerservaring en responsief ontwerp, heb ik Plantinum geholpen een online aanwezigheid te creëren die echt hun merk vertegenwoordigt en voldoet aan de behoeften van hun klanten.

Dit project toont mijn expertise in het ontwerpen van websites en mijn toewijding aan het leveren van hoogwaardige, gebruikersgerichte oplossingen.