Bachtiar
Digitale ervaringen ontwerpen die complexiteit vereenvoudigen en meetbare bedrijfsresultaten realiseren.
Ik help bedrijven hun digitale ervaring te verbeteren via gebruikersgericht ontwerp, bruikbaarheid en conversie-optimalisatie.
Over Mangohoutonline
Mangohoutonline is een toonaangevende Nederlandse meubelwinkel voor massief mangohouten meubels. Dit project werd uitgevoerd vanuit Shopifix — het Shopify Select Partner bureau waar ik als UX/UI Designer werk.
Mangohoutonline is een toonaangevende Nederlandse meubelwinkel gespecialiseerd in massief mangohouten meubels. Met een breed assortiment van tafels, kasten en zitmeubels bedient het merk woninginrichters door heel Nederland.
De volledige Shopify-winkel herontwerpen om de conversieratio te verhogen, de navigatie te vereenvoudigen en het vertrouwen bij aankoop van grote meubelstukken te versterken — met behoud van het warme, ambachtelijke merkgevoel van Mangohoutonline.
Woninginrichters (30–55 jaar) die op zoek zijn naar duurzame, sfeervolle meubels met karakter — vaak middenin een verbouwing of interieurproject en bereid te investeren in kwaliteit.
Stijgend verkeer maar achterblijvende conversie. Gebruikers twijfelden bij hoogwaardige, prijzige meubelstukken — onzeker over afmetingen, materiaal en levertijd — en haakten af vóór de checkout.
Waar we tegenaan liepen
Mangohoutonline groeide snel met een uitbreidend assortiment, maar de winkelervaring kon het tempo niet bijhouden. Gebruikers raakten verdwaald, twijfelden en vertrokken — zonder te kopen.
Honderden meubelstukken zonder duidelijke categorisering per kamer of stijl. Gebruikers wisten niet waar te beginnen en verlieten de winkel zonder iets te kopen.
Slechts 1,4% van de sessies resulteerde in een aankoop — ruim onder de 2,8% norm voor meubel- en interieur-e-commerce.
Afmetingen, houtsoort en afwerking waren moeilijk terug te vinden. Gebruikers misten context om te bepalen of een meubel écht in hun ruimte zou passen.
Het afrekenproces telde 6 stappen met verplichte accountaanmaak, waardoor 72% afhakte vóór voltooiing van de aankoop.
Mobiel was goed voor 61% van het verkeer, maar productfoto's waren slecht leesbaar en detailinformatie moeilijk te raadplegen.
Weinig zichtbare reviews, geen duidelijke levertijden en geen zichtbaar retourbeleid — waardoor twijfelende kopers afhaken bij een grote aankoop.
Gebruikers zochten op kamer of interieurstijl (landelijk, industrieel, strak) maar vonden alleen productcategorieën — een fundamentele mismatch met de mentale kaart.
Onderzoek & ontdekking
Voordat we een wireframe aanraakten, waren we 3 weken ondergedompeld in data, gebruikers en concurrentieanalyses.
Hoe we daar kwamen
Een gestructureerd dubbeldiamantproces aangepast voor e-commerce — onderzoeksintensief aan de voorkant, leveringsgericht aan de achterkant.
Diepe onderdompeling in de probleemruimte — stakeholderinterviews, analytische audits, heuristische evaluaties en concurrentiebenchmarking om een gedeeld begrip van uitdagingen op te bouwen.
Kernafrekenstroom
We brachten elke stap van de primaire gebruikersreis in kaart en optimaliseerden deze — van eerste indruk tot orderbevestiging.
Lage-getrouwheid wireframes
Structurele verkenning vóór visueel ontwerp — lay-outbeslissingen valideren met stakeholders en gebruikers vóór we pixels vastleggen.
Echte klantprojecten
27 live Shopify-winkels ontworpen en gebouwd bij Shopifix.
Volledige Shopify-winkel herontwerp voor een toonaangevende Nederlandse mangohoutmeubelwinkel. Verbeterde navigatie, productpagina's en mobiele UX resulteerden in een hogere conversieratio en minder winkelwagenverlating.
Ontworpen bij ShopifixMangohoutonline Ontwerpsysteem
Een schaalbaar, token-gebaseerd ontwerpsysteem gebouwd voor Mangohoutonline — visuele consistentie op elk contactpunt, van productpagina tot checkout.
Voor vs Na
Elke ontwerpbeslissing werd gestuurd door conversiedata en gedragsanalytics. Dit is wat er veranderde en waarom.
Meerdere concurrerende CTA's, slecht typografisch contrast, onduidelijk focuspunt
Één primaire CTA met sterk contrast, duidelijke typografieschaal, strategische witruimte
Kleine afbeeldingen, verborgen afmetingen, begraven recensies, onduidelijke levertijd
Volledige afbeeldingen, prominente maattabel, recensies boven de vouw, transparante levertijd
Geen zichtbaar retourbeleid, geen vertrouwensbadges, bezorgkosten pas zichtbaar bij afrekenen
Vertrouwensbadges boven de vouw, gratis retourbeleid prominent, bezorgkosten op productpagina
7-staps afrekenen met accountaanmaakpoort, verwarrende formulierlabels, geen voortgangsindicator
3-staps afrekenen, gastafrekenen als standaard, inline validatie, duidelijke voortgangsindicator
72px aanraakdoelen, gebroken lay-outs op 375px, horizontaal scrollen, verborgen navigatie
48pt minimale aanraakdoelen, vloeiende lay-out, onderste navigatiebalk, geoptimaliseerde duimzones
Geen recensies zichtbaar, geen beoordelingen, geen gebruikersgegenereerde inhoud, verborgen getuigenissen
Sterbeoordelingen op productkaarten, recensies met foto's, geverifieerde aankoopbadges
Elk scherm, elk apparaat
Mobiel-eerst ontwerpfilosofie — gebouwd voor 68% mobiel verkeer zonder de desktopervaring te compromitteren.
12-kolomsraster, volledige navigatie, zijbalkfilters, 3–4 productkolommen
12-kolomsraster, compacte nav, 3 productkolommen, compacte zijbalk
4-kolomsraster, hamburgermenu, 2 productkolommen, onderste filterblad
Enkele kolom, onderste navigatie, 1–2 productkolommen, duimzone CTA's
Resultaten die tellen
Bedrijfsresultaten voor Mangohoutonline — gemeten in de eerste 4 maanden na lancering van het herontwerp.
Hoe ik ontwerp benader
Principes die elke beslissing sturen — van de breedste strategie tot het kleinste interactiedetail.
Elke beslissing begint en eindigt bij de gebruiker. Echte inzichten van echte mensen sturen het ontwerp, niet aannames of trends.
De beste interface is er een die verdwijnt. Eenvoud bereik je niet wanneer niets meer kan worden toegevoegd, maar wanneer niets meer kan worden weggehaald.
Voorspelbare patronen verminderen cognitieve belasting. Een sterk ontwerpsysteem zorgt ervoor dat elk component zich gedraagt zoals gebruikers verwachten.
Een snelle ervaring is een betere ervaring. Elke ontwerpbeslissing houdt rekening met de impact op laadtijd, interactievertraging en perceptie.
Inclusief ontwerp creëert betere producten voor iedereen. WCAG AA minimum, toetsenbordnavigatie, schermlezers standaard ondersteund.
Systemen boven schermen. Componenten, tokens en patronen gebouwd om elegant te evolueren naarmate het product groeit en vereisten veranderen.
Waar ik verantwoordelijk voor was
Als hoofdontwerper was ik bij elke fase betrokken — van eerste stakeholder-afstemming tot optimalisatie na lancering.
Begeleide interviews, bruikbaarheidstests, heuristische evaluaties, analytics-diepteduiken
Sitemapherontwerp, kaartsortering, boomtests, navigatietaxonomie
Micro-interacties, statusovergangen, gebaardesign, animatieprincipes
Hoge-getrouwheid schermen, componentontwerp, visuele hiërarchie, merkafstemming
Tokenarchitectuur, componentenbibliotheek, documentatie, bijdragerichtlijnen
Interactieve Figma-prototypes, flowdemonstraties, stakeholderpresentaties
Geannoteerde specificaties, componentdocumentatie, Zeplin-integratie, QA-ondersteuning
Begeleide sessies, onbegeleide Maze-flows, synthese en prioritering
A/B-testdesign, heatmapanalyse, funneloptimalisatie, tekst testen
Designsprints, afstemmingssessies, visiepresentaties, feedbacklussen
Gereedschap van het vak
Een zorgvuldig samengestelde toolkit — gekozen voor vakmanschap, samenwerking en nauwkeurigheid.
Laten we digitale producten maken waar mensen van houden.
Open voor senior UX/UI-functies, freelanceprojecten en ontwerpsysteem consulting. Gevestigd in Europa — wereldwijd beschikbaar.