Dit document dient als advies voor INOVA en Den Mulder Boomteelt. In dit document staan strategische aanbevelingen voor het verbeteren van de gebruikers ervaring en verhogen van conversies voor de volgende iteraties in de toekomstige fases van Den Mulder’s website.
De onderzoeksvraag van het project luidt: “Hoe kan de gebruikerservaring van de Den Mulder Boomteelt website worden geoptimaliseerd om de conversie van particuliere (B2C) klanten te verhogen, met behoud van consistentie van de huidige huisstijl en professionele (B2B) website?” Om deze vraag te beantwoorden, zijn diverse deelvragen opgesteld en middels exploratief onderzoek beantwoord. Voor een uitgebreide antwoorden wordt het aangeraden om het volledige advies rapport te lezen.
Resultaten en conclusies:
Klantreis: Analyse van het bestelproces onthulde pijnpunten in de zoek- en bestelfase, zoals beperkte uitleg en moeilijk vakjargon. Positieve elementen, zoals inspiratiepagina’s en meerdere betaalopties, moeten behouden blijven.
Concurrentieanalyse: Concurrenten zoals Bomen Bezorgd en Ten Hoven Bomen gebruiken klantreviews, persoonlijke afbeeldingen en labels voor populaire items.
Technische & functionele vereisten: Belangrijke eisen zijn o.a. uitleg over levertijden, klantreviews, compacte footer, Nederlandse productnamen en naleving van de WCAG-richtlijnen vanaf juni 2025.
E-commerce platform: Shopify is gekozen als het beste platform vanwege gebruiksgemak en functionaliteit. BigCommerce is een goed alternatief vanwege het ontbreken van transactiekosten.
Innovatieve technologieën: Chatbots, AI-gedreven inhoud en micro-animaties zijn technologieën die de gebruikerservaring kunnen verbeteren.
Effect van (micro)animaties: Correct toegepaste micro-animaties verbeteren de gebruikerservaring door subtiele en consistente feedback te geven zonder verwarring te veroorzaken.
Websiteontwerp: Het ontwerp is iteratief verbeterd en voldoet aan de eisen. De vierde versie van het desktopontwerp en de eerste mobiele versie zijn ontwikkeld.
Animatieontwerp: Simpele animaties zijn in Figma gemaakt, complexere in Rive voor webtoepassingen. Alleen de ‘voeg toe aan winkelwagen’-animatie is ontworpen.
UX/UI aanpassingen: Gebruikers- en peer reviews leidden tot aanpassingen in het navigatiemenu, feedbackmechanismen en informatieweergave. A/B-tests bevestigden verbeteringen.
Conversie verhoging: Hoewel nog niet bevestigd, wordt verwacht dat het nieuwe ontwerp de conversie zal verhogen door verbeterde gebruikerservaring. Verdere optimalisatie is mogelijk.
Ethisch verantwoord ontwerp: Het ontwerp voldoet aan de WCAG-richtlijnen, gebruikt hernieuwbare energie en vermijdt dark patterns. Verdere ethische verbeteringen zijn mogelijk.
Eindresultaat desktop
Bekijk hieronder de vijfde versie van het desktop ontwerp.
Eindresultaat mobiel
Bekijk hieronder de tweede versie van het mobiele ontwerp.
Technology Readiness Level (TRL): Het prototype heeft TRL 5 bereikt en wordt op 2 juni 2024 naar level 7 gebracht met de livegang. Level 8 zal worden bereikt na volledige operationele test.
Alternatieven:
Deze conclusies bieden een gedetailleerd plan om de Den Mulder Boomteelt website te verbeteren en de conversie van B2C klanten te verhogen.
Onderzoek
Er is geen extra onderzoek nodig om te bevestigen dat het nieuwe ontwerp een verbetering is. Verdere verfijning kan in een volgende fase plaatsvinden. Gebruikers willen graag een chatbot die helpt bij het kiezen van producten, en onderzoek heeft aangetoond dat dit de gebruikerservaring verbetert. Verdere studie is echter nodig om te bepalen welke chatbot- en AI-technieken het beste zijn.
Ontwerp
De meest bezochte pagina’s, zoals de homepagina en productpagina’s, zijn ontworpen in Figma. Andere pagina’s moeten later in dezelfde stijl worden aangepast. De winkelwagen- en bestelpagina’s blijven in het standaardontwerp van Shopify. Het navigatiemenu en het bestelproces zijn getest en verbeterd in de vijfde versie. Nieuwe onderdelen zoals aanbevolen combinaties en de sticky winkelwagenbalk zijn nog niet gevalideerd.
Voor Den Mulder wordt aangeraden professionele foto’s te gebruiken waarin personeel zichtbaar is, om een persoonlijke en vertrouwde uitstraling te creëren. Consistente productnamen, beschrijvingen en kwalitatieve foto’s zijn essentieel. Wijzigingen in het ontwerp moeten eerst met gebruikers worden getest om verwarring te voorkomen.
Ontwikkeling
Het prototype moet zo veel mogelijk overeenkomen met het Figma-ontwerp. De vijfde versie van het desktop ontwerp en de tweede versie van het mobiele ontwerp worden aanbevolen voor ontwikkeling, omdat hierin alle problemen zijn opgelost. Het is belangrijk om de Web Content Accessibility Guidelines (WCAG) te volgen en voor 28 juni 2025 te voldoen aan de Europese toegankelijkheidswetgeving (EAA). Na livegang moeten de resultaten geanalyseerd worden om eventuele afwijkingen snel aan te pakken.
Dit onderzoek richt zich op het optimaliseren van de gebruikerservaring van de Den Mulder Boomteelt website om de conversie van particuliere (B2C) klanten te verhogen, terwijl de consistentie met de professionele (B2B) website behouden blijft.
Particuliere gebruikers ervaren momenteel problemen met zoeken, bestellen en begrijpen van informatie op de huidige website. Uit een kwalitatieve gebruikerstest blijkt dat een nieuw ontwerp met een verbeterde indeling, overzichtelijke menustructuur, begrijpelijke uitleg, gepersonaliseerde artikelen en verbeterde zoek- en filterfunctionaliteit de gebruikerservaring significant verbetert.
Literatuuronderzoek ondersteunt dat AI-gedreven inhoud en chatbots een gepersonaliseerde winkelervaring mogelijk maken. Micro-interacties dragen bij aan een dynamische en aantrekkelijke gebruikerservaring, wat de betrokkenheid verhoogt en conversiekansen vergroot.
Een kwantitatieve A/B-test toont aan dat 64% van de gebruikers de voorkeur geeft aan het selecteren van artikelen met meerdere knoppen boven een dropdown, vanwege de overzichtelijkheid en duidelijkheid. Op basis van positieve resultaten uit gebruikerstests en expertinterviews wordt verwacht dat het nieuwe ontwerp conversieverhogend zal werken zodra de website live is.
Dus, er kan met zekerheid worden geconcludeerd dat het nieuwe ontwerp zorgt voor een geoptimaliseerde gebruikerservaring voor particuliere klanten. Dat indirect in combinatie met de toegevoegde conversie verhogende onderdelen zal zorgen voor een hogere conversie. Echter, er is altijd ruimte voor verdere optimalisatie en zal de toename van conversies moeten blijken wanneer de website live staat.
Juliën Verheijen
