Voor de samenwerking had Duenco een informatieve website, maar deze leverde nauwelijks resultaat op. Vanuit UX- en UI-perspectief was de structuur onduidelijk, kwamen producten onvoldoende naar voren en ontbrak een sterke visuele hiërarchie.

De uitdaging lag daarom in het herstructureren van de inhoud én het verbeteren van het design, door gerichte visuele ontwerptechnieken toe te passen zodat de website beter aansluit op gebruikersverwachtingen en functioneert als een betrouwbare, converterende webshop.

De belangrijkste gebruikers van Duenco zijn particulieren binnen specifieke niches. Zij verwachten een website die niet alleen informeert, maar hen ook begeleidt in het aankoopproces. Omdat een volledige webshop in eerste instantie nog niet wenselijk was, zijn we gestart met het CMS-gedeelte van Webflow.

Zo ontstond een online catalogus waarin producten en varianten overzichtelijk werden gepresenteerd. Via een speciaal formulier per product konden gebruikers gericht informatie opvragen of een bestelling initiëren, zonder hun flow te onderbreken.

Deze gefaseerde aanpak maakte het mogelijk om gebruikers stap voor stap mee te nemen en inzichten te verzamelen. In een latere fase is de catalogus doorontwikkeld tot een volwaardige webshop, waarbij de bestaande gebruikerservaring behouden bleef.

Het ontwerpproces startte met het uitwerken van wireframes en het opzetten van een design system. Hiermee werd een consistente basis gelegd voor alle pagina’s en componenten. Vanuit Figma is het ontwerp vervolgens nauwkeurig vertaald naar Webflow, waarbij design en ontwikkeling dicht op elkaar lagen. In Figma kunnen we het opgebouwde design systeem verbinden met Webflow en zo zorgen voor een naadloze overgang.

Voor de realisatie is gebruikgemaakt van Webflow CMS voor schaalbare content en Webflow e-commerce voor de productcatalogus. Productvarianten, tracking en herbruikbare componenten zorgen ervoor dat de webshop eenvoudig uitbreidbaar is en goed te beheren blijft. We gebruiken in deze fase dus wél het e-commerce systeem van Webflow, maar zetten de winkelwagenfunctionaliteit nog niet aan. Voorbereiding is het halve werk.

Voor de betaal- en orderafhandeling is gekozen voor een oplossing die goed aansluit bij de manier waarop de website is ontwikkeld als online catalogus. Omdat Webflow e-commerce iDEAL niet standaard ondersteunt, is gezocht naar een betrouwbaar alternatief dat zowel prettig werkt voor gebruikers als overzichtelijk blijft voor Duenco.

De keuze viel op Mollie. Mollie fungeert binnen dit project niet alleen als betaalprovider, maar ook als centraal ordersysteem. Bestellingen, betalingen en statussen komen samen op één plek, waardoor orders eenvoudig te volgen zijn en inzicht ontstaat in data, rapportages en analytics zonder extra tooling.

De technische koppeling zorgt ervoor dat Webflow wordt ingezet waar het sterk in is: het beheren en presenteren van producten. Producten en varianten worden aangemaakt als cms-item, terwijl de volledige order- en betaalafhandeling via Mollie verloopt. Hierdoor blijft het beheer overzichtelijk en schaalbaar.

Deze opzet biedt flexibiliteit richting de toekomst, waarbij het assortiment kan doorgroeien zonder dat het orderproces complexer wordt. Met dank aan Niels Tholenaar voor ondersteuning bij de API en backend-inrichting.

Het eindresultaat is een webshop die overzichtelijk, gebruiksvriendelijk en schaalbaar is. Producten komen beter tot hun recht, bezoekers worden logisch door de website geleid en de totale gebruikerservaring sluit aan bij de kwaliteit van het merk Duenco. Klanten zijn beter geïnformeerd en weten sneller wat ze kunnen verwachten.

Binnen Duenco was Jeroen het vaste aanspreekpunt gedurende het hele traject. De samenwerking kenmerkte zich door korte lijnen, wederzijds vertrouwen en een gezamenlijke focus op kwaliteit. Door de langdurige relatie konden we snel schakelen en blijven verbeteren, zowel op UX- als technisch vlak. Bedankt Jeroen!

Meer zien? Bekijk de live website op www.duenco.nl