Klantportaal met Sociale Impact

Klant
BNG Bank
Rol
UX Design
UX Research
Sector
Financieel
Datum
2019 - 2022

Een nieuw klantgericht portaal

Voor het Klantenportaal van BNG Bank heb ik gebruikersonderzoek vertaald naar drie ontwerpprincipes — relevantie, eenvoud, duidelijkheid — en een taakgerichte, WCAG-toegankelijke ervaring. Klein team, scherpe keuzes, grote impact op hoe klanten hun bank ervaren.

Door klantonderzoek ontdekten we dat gebruikers meer controle en inzicht wilden, wat leidde tot 3 ontwerpprincipes: relevantie, eenvoud en helderheid. We vereenvoudigden de informatiestructuur door onnodige content en complexiteit te elimineren, wat resulteerde in een taakgerichte, overzichtelijke gebruikerservaring.

Daarnaast gaf het nieuw ontwikkelde design system structuur en consistentie, waardoor verbeteringen snel geïmplementeerd kunnen worden.

BNG Held

Gebruikers op de eerste plaats

Vanaf het begin voerden we diepgaand klantonderzoek uit om pijnpunten en behoeften te begrijpen. Onze bevindingen waren duidelijk: gebruikers wilden meer controle en efficiëntie bij het beheren van hun bankdiensten. Deze mensgerichte aanpak leidde ertoe dat we drie kernontwerpprincipes definieerden: relevantie, eenvoud en helderheid. We reduceerden drastisch de inhoudelijke rommel, verwijderden onnodig jargon en herstructureerden complexe workflows. Deze focusverschuiving resulteerde in een gestroomlijnde gebruikerservaring, waarbij alleen de meest essentiële informatie werd getoond, waardoor gebruikers de controle kregen.

BNG-formulier

Beheerders meer controle geven

Een belangrijke verbetering was het aanpakken van de behoeften van klantbeheerders—medewerkers die verantwoordelijk zijn voor het beheren van gebruikersrechten binnen het klantenportaal. Voorheen waren ze te afhankelijk van BNG Bank voor veel administratieve taken. Door deze controle naar de beheerders te verschuiven, konden ze nu zelfstandig teams, rollen en verantwoordelijkheden beheren. Deze verandering verlichtte niet alleen hun werklast, maar legde ook de basis voor een portaal dat duidelijke inzichten bood in aangeschafte producten, leningen en gebruikersautorisaties.

BNG Desktop

Het creëren van een taakgerichte ervaring

Om een rustige en gefocuste gebruikerservaring te garanderen, hielden we het kleurenpalet beperkt en integreerden we duidelijke navigatie-elementen. Elke interactie werd zorgvuldig ontworpen om gebruikers precies te laten weten waar ze zich bevonden en wat hun volgende stap zou zijn. Met toegankelijke taal, heldere typografie en naleving van WCAG-normen creëerden we een portaal dat intuïtief en inclusief aanvoelde. Het ontwikkelde design system werd een waardevol hulpmiddel voor continue verbetering, waardoor toekomstige iteraties sneller en efficiënter konden worden doorgevoerd.

Ontwerp Systeem

Persoonlijke reflectie

Deze ervaring benadrukte voor mij het belang van ontwerpen met empathie. Elke functie die we implementeerden moest aansluiten op de echte behoeften van de gebruikers, en zo een systeem creëren waarin financieel beheer toegankelijker, duidelijker en krachtiger werd. Voor mij was dit project een krachtig voorbeeld van hoe doordacht design echt een sociale impact kan hebben door complexe systemen te vereenvoudigen en ze intuïtiever te maken voor iedereen. Het gevoel van voldoening bij het zien van gebruikers die empowered werden, gecombineerd met de efficiëntiewinsten voor de bank, bevestigde hoe design niet alleen technologie kan verbeteren, maar ook een wezenlijk verschil kan maken in het leven van mensen.

Ontwerp Systeem

Werkervaring

  1. 2025 - 2026

    • FNVUX Strategy & Design Lead
  2. 2024

  3. 2023

  4. 2022

    • Kruidvat UX Design Lead & DesignOps
    • SecurexUX Design
    • VU AmsterdamUX Design
  5. 2021

    • APS IT Diensten UX Research & Design
    • This is EindhovenUX Design
    • Vendit CryptoUX Design
    • Attipay CryptoArt Direction & UX Design
  6. 2020

    • BNG Bank UX Strategy & Design
    • BrunaUX Consultant
    • RBX ActiveArt Direction & UX Design
  7. 2019

    • BNG Bank UX Strategy & Design
    • Driestar HogeschoolUX Strategy & Design
    • SuzukiUX Strategy & Design
  8. 2018

    • SuzukiUX Strategy & Design
    • PlaisioUX Strategy & Design
    • Top EmployersUX Design
  9. 2017

    • KwantumUX Strategy & Design
    • PlaisioUX Strategy & Design
    • Mercury EcommerceArt Direction & UX Design
  10. 2016

    • Mercury EcommerceArt Direction & UX Design
    • Transport & Logistiek NederlandUX Design
    • KwantumUX Strategy & Design
  11. 2015

    • HomeFashion GroupUX Design
    • Aviva SolutionsArt Direction & UX Design
    • Rijnmond College Design & Gamification
  12. 2014

    • Life OnlineArt Direction & UX Design
    • Deli XL BidfoodArt Direction & Digital Design
    • Travel EssenceUX Design
    • StaatsloterijDigital Design
  13. 2013

    • NikkoDigital Design & App
    • KikkerDigital Design & App
    • Wijzer in GeldzakenArt Direction & UX Design
    • Donald DuckDigital Design & App
  14. 2012

    • NRV HolidayDigital Design
    • Wijzer in GeldzakenArt Direction & UX/UI Design
    • Eva SardiniaUX/UI Design
  15. 2011

    • Alta GeneticsUX/UI Design
    • PeakUX/UI Design
    • SCCLUX/UI Design
    • VASUX/UI Design
  16. 2010

    • NibroArt Direction & Design
    • EnecoArt Direction & Digital Design
    • CaiwayArt Direction & Design
  17. 2009

    • CaiwayArt Direction & Design
    • AvisArt Direction & Design
    • RabobankArt Direction, Gamification & Design
  18. 2008

    • CaiwayArt Direction & Design
    • SiemensDesign
    • KPNDigital Design
    • TristarUX/UI Design
  19. 2007

    • OxxioArt Direction & UX Design
    • Bureau SpoorbouwmeesterUX/UI Design
    • ProrailUI Design
    • Royal HaskoningUI Design
  20. 2006

    • OxxioArt Direction & UX Design
    • FrieslandbankUI Design
    • NIBCUI Design
    • Ministerie van Volksgezondheid, Welzijn & SportUI Design
  21. 2005

    • Hunter DouglasUI Design
    • TU DelftUI Design
    • Ministerie van Verkeer en WaterstaatUI Design
  22. 2004

    • De HypothekerUI Design
    • The Royal Academy of ArtArt Direction & Design
    • Giro 555UI Design
  23. 2003

    • Simmer BoardstyleDesign
    • KasanderfilmDigital Design
    • Rotterdam MarketingDesign
    • Stichting Buddy NetwerkArt Direction & Design