Terug

Brandguide

Brandguide - Product & UX/UI

Brandguide - Product & UX/UI

Product owner - UX/UI designer

Research

Research

Concepting

Concepting

UX/UI design

UX/UI design

Testing

Testing

Ik werkte drie jaar bij Brandguide (voorheen Kabood), een platform voor digitale brand guidelines en brand asset management. In deze periode groeide mijn rol mee met het product en het team: van stagiaire naar UX/UI Designer en uiteindelijk Product Owner. Ook in mijn rol als Product Owner bleef ik verantwoordelijk voor de UX/UI.

Ik was verantwoordelijk voor de volledige UX/UI en mede voor de productontwikkeling. Ik werkte nauw samen met management en development en was daarnaast betrokken bij onboarding, support en sales. Deze brede en langdurige betrokkenheid gaf mij een diep inzicht in zowel het product als de gebruikers en vormt de basis voor deze case.

De uitdaging

De uitdaging

Het platform was aanvankelijk vooral gericht op Brand Asset Management, maar gebruikers hadden behoefte aan meer begeleiding en houvast om zelfstandig aan de slag te kunnen. Om klanten te ondersteunen, bood Brandguide aanvullende begeleiding bij het opzetten van brandguides. Hoewel deze begeleiding waardevol was, ontstond de uitdaging het product zodanig te verbeteren dat gebruikers zelfverzekerd en efficiënt konden werken, zonder afhankelijk te zijn van externe ondersteuning.


Daarnaast lieten gesprekken met klanten zien dat hun behoeften verder gingen dan alleen brandpresentatie. Steeds vaker werd de wens geuit om bestanden centraal te beheren, structureren en delen. Deze inzichten leidden tot de centrale uitdaging van het project: het vergroten van de productvolwassenheid.

De belangrijkste vraagstukken waren:

De belangrijkste vraagstukken waren:

Hoe zorgen we dat gebruikers met vertrouwen en duidelijkheid aan de slag kunnen?

Hoe zorgen we dat gebruikers met vertrouwen en duidelijkheid aan de slag kunnen?

Hoe verminderen we de afhankelijkheid van extra begeleiding zonder die optie weg te nemen?

Hoe verminderen we de afhankelijkheid van extra begeleiding zonder die optie weg te nemen?

Hoe laten we het product meegroeien met veranderende klantbehoeften?

Hoe laten we het product meegroeien met veranderende klantbehoeften?

Mijn aanpak

Mijn aanpak

Mijn aanpak was gericht op het vergroten van zelfstandigheid, vertrouwen en productvolwassenheid binnen Brandguide. Omdat ik zowel Product Owner als UX/UI Designer was, kon ik inzichten uit klantcontact, support en onboarding direct vertalen naar product- en ontwerpbeslissingen.

Het proces was iteratief en bestond uit drie samenhangende pijlers:

Het proces was iteratief en bestond uit drie samenhangende pijlers:

Feedbackverwerking

Feedbackverwerking

Feedbackverwerking

Feedbackverwerking

Continu monitoren van supportvragen, onboardinggesprekken en salesdemo’s

Continu monitoren van supportvragen, onboardinggesprekken en salesdemo’s

Continu monitoren van supportvragen, onboardinggesprekken en salesdemo’s

Continu monitoren van supportvragen, onboardinggesprekken en salesdemo’s


Identificeren van terugkerende pijnpunten, onzekerheden en gebruikersbehoeften

Identificeren van terugkerende pijnpunten, onzekerheden en gebruikersbehoeften

Identificeren van terugkerende pijnpunten, onzekerheden en gebruikersbehoeften

Identificeren van terugkerende pijnpunten, onzekerheden en gebruikersbehoeften

Signalen vertalen naar prioriteiten voor design en product

Signalen vertalen naar prioriteiten voor design en product

Signalen vertalen naar prioriteiten voor design en product

Signalen vertalen naar prioriteiten voor design en product

UX/UI ontwerpen & valideren

UX/UI ontwerpen & valideren

UX/UI ontwerpen & valideren

UX/UI ontwerpen & valideren

Ontwerpen van user flows, schetsen, wireframes, UX states en prototypes

Ontwerpen van user flows, schetsen, wireframes, UX states en prototypes

Ontwerpen van user flows, schetsen, wireframes, UX states en prototypes

Ontwerpen van user flows, schetsen, wireframes, UX states en prototypes


Verbeteringen doorvoeren op basis van real-time gebruik en feedback

Verbeteringen doorvoeren op basis van real-time gebruik en feedback

Verbeteringen doorvoeren op basis van real-time gebruik en feedback

Verbeteringen doorvoeren op basis van real-time gebruik en feedback


Toetsen bij gebruikers of de voorgestelde oplossing past bij de gebruikersvraag

Toetsen bij gebruikers of de voorgestelde oplossing past bij de gebruikersvraag

Toetsen bij gebruikers of de voorgestelde oplossing past bij de gebruikersvraag

Toetsen bij gebruikers of de voorgestelde oplossing past bij de gebruikersvraag

Productstrategie & uitvoering

Productstrategie & uitvoering

Productstrategie & uitvoering

Productstrategie & uitvoering

Prioriteiten en de roadmap bepalen samen met management en development

Prioriteiten en de roadmap bepalen samen met management en development

Prioriteiten en de roadmap bepalen samen met management en development

Prioriteiten en de roadmap bepalen samen met management en development

Nieuwe functionaliteiten uitwerken en bijbehorende testplannen opstellen

Nieuwe functionaliteiten uitwerken en bijbehorende testplannen opstellen

Nieuwe functionaliteiten uitwerken en bijbehorende testplannen opstellen

Nieuwe functionaliteiten uitwerken en bijbehorende testplannen opstellen


Zorgdragen dat ontwerpkeuzes consistent en schaalbaar zijn over het platform

Zorgdragen dat ontwerpkeuzes consistent en schaalbaar zijn over het platform

Zorgdragen dat ontwerpkeuzes consistent en schaalbaar zijn over het platform

Zorgdragen dat ontwerpkeuzes consistent en schaalbaar zijn over het platform

Door deze aanpak kon ik strategische keuzes, gebruikersbehoeften en designbeslissingen tegelijk managen. Dit resulteerde in een platform dat zowel zelfstandiger, gebruiksvriendelijker als toekomstbestendig werd, terwijl klanten nog steeds de mogelijkheid hadden om begeleiding te kiezen wanneer nodig.

Productvisie

Productvisie

Productvisie

Ik werkte aan één centrale productvisie: een platform dat zelfstandig te gebruiken is, maar voldoende diepgang biedt voor dagelijks en intensief gebruik binnen organisaties.

Mijn rol lag op het snijvlak van UX, product, waarbij ik continu afwoog hoe ontwerpkeuzes bijdragen aan adoptie, gebruiksgemak en schaalbaarheid.

Ik werkte aan één centrale productvisie: een platform dat zelfstandig te gebruiken is, maar voldoende diepgang biedt voor dagelijks en intensief gebruik binnen organisaties. Mijn rol lag op het snijvlak van UX, product en business, waarbij ik continu afwoog hoe ontwerpkeuzes bijdragen aan adoptie, gebruiksgemak en schaalbaarheid.


Het ontwerp moest vertrouwen opbouwen: gebruikers laten zien wat mogelijk is, waar ze zich bevinden en wat de volgende stap is.

Tegelijkertijd moest het platform flexibel genoeg blijven om mee te groeien met verschillende typen klanten en gebruiksscenario’s.

Gebruiksniveaus

Ontworpen voor nieuwe, dagelijkse en beheer-gebruikers

Zelfstandigheid

Vertrouwen opbouwen zonder complexiteit toe te voegen

Het ontwerp moest vertrouwen opbouwen: gebruikers laten zien wat mogelijk is, waar ze zich bevinden en wat de volgende stap is.

Tegelijkertijd moest het platform flexibel genoeg blijven om mee te groeien met verschillende typen klanten en gebruiksscenario’s.

Meegroeien

Modulaire opzet die nieuwe behoeften ondersteunt

Iteratie

Doorontwikkeling op basis van gebruikersfeedback

Ontworpen oplossingen

Ontworpen oplossingen

  • de minimale kennis die nodig is om zelfstandig een merk­omgeving op te zetten;

  • de minimale kennis die nodig is om zelfstandig een merk­omgeving op te zetten;

  • terugkerende vragen en knelpunten uit support en onboarding.

  • terugkerende vragen en knelpunten uit support en onboarding.

De tutorial is gebaseerd op:

De tutorial is gebaseerd op:

Nieuwe gebruikers ervaarden een hoge drempel bij het starten in Brandguide. Gebruikers met een ingerichte omgeving waren terughoudend om wijzigingen door te voeren, terwijl gebruikers die met een lege omgeving begonnen niet wisten waar te starten. Dit werd deels opgevangen met onboarding calls en workshops, maar het platform bleef onvoldoende zelfverklarend, zelfs voor gebruikers met CMS-ervaring.


Om dit structureel op te lossen ontwierp ik een onboardingproject met een tutoriallaag over het platform. Via contextuele tooltips worden gebruikers stap voor stap door de belangrijkste onderdelen van het systeem geleid.

Onboarding & tutorial flow

Onboarding & tutorial flow

De tutorial is gebaseerd op:

  • de minimale kennis die nodig is om zelfstandig een merk­omgeving op te zetten;

  • terugkerende vragen en knelpunten uit support en onboarding.

Voorheen kwamen gebruikers bij het openen van Brandguide direct terecht op een pagina met navigatie naar contentpagina’s. Voor nieuwe gebruikers binnen een merk kon dit verwarrend zijn, met name wanneer zij nog niet wisten waar zij naar op zoek waren.

Daarom ontstond de behoefte aan een extra laag vóór de bestaande navigatiestructuur. Deze laag stelt gebruikers in staat een introductiepagina in te richten die dient als startpunt en context biedt voor het merk.

Voorheen kwamen gebruikers bij het openen van Brandguide direct terecht op een pagina met navigatie naar contentpagina’s. Voor nieuwe gebruikers binnen een merk kon dit verwarrend zijn, met name wanneer zij nog niet wisten waar zij naar op zoek waren.

Daarom ontstond de behoefte aan een extra laag vóór de bestaande navigatiestructuur. Deze laag stelt gebruikers in staat een introductiepagina in te richten die dient als startpunt en context biedt voor het merk.

Voorheen kwamen gebruikers bij het openen van Brandguide direct terecht op een pagina met navigatie naar contentpagina’s. Voor nieuwe gebruikers binnen een merk kon dit verwarrend zijn, met name wanneer zij nog niet wisten waar zij naar op zoek waren.

Daarom ontstond de behoefte aan een extra laag vóór de bestaande navigatiestructuur. Deze laag stelt gebruikers in staat een introductiepagina in te richten die dient als startpunt en context biedt voor het merk.

Homescreen als contextlaag

Homescreen als contextlaag

Voorheen kwamen gebruikers bij het openen van Brandguide direct terecht op een pagina met navigatie naar contentpagina’s. Voor nieuwe gebruikers binnen een merk kon dit verwarrend zijn, met name wanneer zij nog niet wisten waar zij naar op zoek waren.

Daarom ontstond de behoefte aan een extra laag vóór de bestaande navigatiestructuur. Deze laag stelt gebruikers in staat een introductiepagina in te richten die dient als startpunt en context biedt voor het merk.

Voorheen kwamen gebruikers bij het openen van Brandguide direct terecht op een pagina met navigatie naar contentpagina’s. Voor nieuwe gebruikers binnen een merk kon dit verwarrend zijn, met name wanneer zij nog niet wisten waar zij naar op zoek waren.

Daarom ontstond de behoefte aan een extra laag vóór de bestaande navigatiestructuur. Deze laag stelt gebruikers in staat een introductiepagina in te richten die dient als startpunt en context biedt voor het merk.

User dashboard

User dashboard

Een van mijn eerste projecten binnen Brandguide (voorheen Kabood) was het ontwerpen van een user dashboard. Het platform draaide destijds op het CRM-systeem Wagtail, maar er was de wens om hiervan af te stappen en de omgeving volledig zelf te ontwikkelen.


Met het verdwijnen van de Wagtail-back-end was een nieuw dashboard nodig dat gebruikers overzicht en controle biedt binnen één centrale omgeving.

Het user dashboard is ontworpen met focus op:

  • overzicht van pagina’s en geüploade bestanden;

  • gebruikersbeheer (uitnodigen, rollen en restricties);

  • omgevingsinstellingen, zoals login- en toegangsopties.

Bij het ontwerp is bewust rekening gehouden met uitbreidbaarheid, zodat het dashboard mee kan groeien met toekomstige functionaliteiten en productontwikkeling.

Gebruikers kunnen zichzelf aanmelden, een free trial starten en hun plan instellen. Ik heb de Stripe-integratie en flow ontworpen op basis van best practices en documentatie, waardoor self-service mogelijk werd.

Gebruikers kunnen zichzelf aanmelden, een free trial starten en hun plan instellen. Ik heb de Stripe-integratie en flow ontworpen op basis van best practices en documentatie, waardoor self-service mogelijk word.

Free trial & billing flow

Free trial & billing flow

Bulk upload & DAM

Bulk upload & DAM

Gebruikers konden eerder alleen één bestand tegelijk uploaden. Ik heb bulk-upload flows ontworpen en later de DAM-functionaliteit toegevoegd, waardoor klanten hun assets beter konden organiseren en beheren, terwijl bestaande navigatie en hiërarchie behouden bleven.

Doorlopende UX-verbeteringen

Doorlopende UX-verbeteringen

Naast de grote projecten voerde ik continu kleine verbeteringen door:


  • aanpassen van elementen die in de praktijk niet optimaal werkten


  • knelpunten oplossen en edit-mode componenten verbeteren


  • ondersteuning bij SSO-integratie (Okta, Google, Teams) en handleidingen


  • algemene productverbeteringen op basis van feedback

Reflectie

Reflectie

Deze case laat zien hoe langdurige betrokkenheid, directe klantfeedback en ownership leiden tot een gebruiksvriendelijk, schaalbaar en strategisch product. Door mijn gecombineerde rol als Product Owner en UX/UI Designer kon ik:

Deze case laat zien hoe langdurige betrokkenheid, directe klantfeedback en ownership leiden tot een gebruiksvriendelijk, schaalbaar en strategisch product.

Door mijn gecombineerde rol als Product Owner en UX/UI Designer kon ik:

  • gebruikersbehoeften vertalen naar concrete oplossingen;

  • het product proactief laten meegroeien met klantvragen.

Brandguide is niet alleen een platform waar ik aan heb ontworpen; het is een systeem dat ik mede heb gevormd, van concept tot volwassen product.

Ik werkte aan één centrale productvisie: een platform dat zelfstandig te gebruiken is, maar voldoende diepgang biedt voor dagelijks en intensief gebruik binnen organisaties. Mijn rol lag op het snijvlak van UX, product en business, waarbij ik continu afwoog hoe ontwerpkeuzes bijdragen aan adoptie, gebruiksgemak en schaalbaarheid.


Het ontwerp moest vertrouwen opbouwen: gebruikers laten zien wat mogelijk is, waar ze zich bevinden en wat de volgende stap is.

Tegelijkertijd moest het platform flexibel genoeg blijven om mee te groeien met verschillende typen klanten en gebruiksscenario’s.

Terug

Terug

Terug

Terug

Terug