ABN AMRO

Freelance UX (Lead) & Product Designer

Product strategie

Assumption mapping
Assumption testing
Product roadmapping
Jobs to be done (JTBD)
Customer journey mapping
Empathy mapping
Design sprints
Design thinking
Workshops faciliteren

User experience (UX)

Double diamond
Card sorting
Tree testing
Task flows
User flows
UX research
Uability testing
Interviewing
A/B experimenten
Conversie optimalisatie (CRO)

User interface (UI)

Visual design
Design systems
Interaction design
Informatie architectuur (IA)
Huisstijl en (re)branding
Wireframing
Prototyping
HTML en CSS
Reviewen front-end

Een schaalbaar design systeem voor Grip

Klant	ABN AMRO
Jaar	2021
Rol	Sr. User Experience Designer
Onderzoek	specs ophalen bij developers
Design	opzetten design design tokens definiërencomponenten documenterentweeweekse (UX) update geven
Leestijd	4 minuten

"Een design system definieer ik als een centrale plek (bibliotheek) waarin herbruikbare componenten worden verzameld. Het zorgt voor consistentie en zal de processen binnen teams versnellen."

Toen ik bij ABN AMRO begon, waren er geen up-to-date artboards beschikbaar die overeenkwamen met wat er in de appstores live stond. Voor veel gebruikers voelde het ook dat er verschillende grafisch stijlen waren toegepast. Er was geen afstemming in visuele hiërarchie, spacings, margins, kleuren, iconen, symbolen etc. om maar een paar problemen te noemen.

Er was binnen de organisatie duidelijk behoefte aan een design system met documentatie om op een consistente, snelle en gemakkelijke manier interfaces te bouwen! Ik stelde daarom voor om met terugwerkende kracht een design system neer te zetten en er iedere week een paar uur aan te kunnen werken.

Atomic design

Volgens Brad Frost, de bedenker van atomic design, is atomic design een methodologie die bestaat uit vijf verschillende fases die samenwerken om design systemen op een meer doelbewuste en hiërarchische manier te creëren. De vijf fases van atomic design zijn; atomen, moleculen, organismen, templates en pagina's.

Ik begon dus met het definiëren van atomen om daarmee de eerste moleculen te kunnen maken. Met het combineren van meerdere moleculen kon ik geleidelijk de complexiteit en functionaliteit vergroten om grotere componenten te maken (ofwel organismen). Ieder component werd dan voorzien van specificaties, guidelines, do's and don'ts en dan gedocumenteerd in Figma (of in een ander workspace) zodat er een single source of truth ontstond.

Oplossing voor gebruikers

Consistente beleving bij de doelgroep(en)
Verminder repetitieve taken
Designers kunnen zich richten op het oplossen van problemen
Programmeurs kunnen sneller bouwen
Sneller veranderingen doorvoeren

Business goals

Kostenbesparing en werkbesparing
Efficiënte samenwerking tussen designers en (front-end) developers

Resultaat

Reviews

Referenties en aanbevelingen

Customer Journey Expert bij ING Bank

"It has been a great pleasure to work with Stefan during the launch of a new payment product. He approaches his work very professionally, he delivered great UX designs keeping the balance between the best customer experience and implementation efforts..." Lees verder

Product Owner bij ING Bank

"Stefan en ik hebben samengewerkt aan de ontwikkeling van een portaal voor de toekomst van betalen bij ING. De samenwerking met Stefan heb ik als zeer prettig ervaren. Hij is een professional die zijn vak goed verstaat en bovendien zelfstandig te werk gaat..." Lees verder

Senior UX Designer | Service Designer bij ING Bank

"I was consistently impressed by his strong communication skills and ability to examine problems to find the most effective solutions thoroughly. He managed to work on two projects simultaneously — plus additional side tasks — while always delivering on time and..." Lees verder

Lead Product Owner bij ABN AMRO

"Stefan worked in my teams on the overall user experience of our business channels. From creating prototypes to well researched and data informed designs. He is able to wrap his mind around complex topics quickly, which makes it really easy to work together..." Lees verder

Principle Designer Strategy bij ABN AMRO

"I was particularly impressed by Stefan’s ability to understand the business banking contents effortlessly. That skill often takes months to develop, but it seemed to come perfectly naturally to him. He is a professional and..." Lees verder

Product Manager bij ABN AMRO

"Enorm bedankt voor de fijne samenwerking. Ik heb er enorm genoten van je positiviteit, flexibiliteit en de snelheid waarmee je complexe concepten concreet wist te maken op een manier die perfect aansloot bij Grip. Ik ga je missen!"

Head of Growth bij Talpa Network

"Stefan heeft een prominente bijdrage geleverd in de gebruikerstesten die we voor Radio 538 hebben opgezet en uitgevoerd. Daarvoor heeft hij de concepten en het testplan ontwikkeld, de interviews uitgevoerd en hierover gerapporteerd met duidelijke take aways voor de teams. Stefan leidde dit project van A tot Z..." Lees verder

UX Design Lead bij Talpa Network

"Stefan ken ik als een gedreven designer die naast intuïtieve designs en flows ook sterk is in het analytische aspect. Door zijn kennis en ervaring bij o.a. NU.nl en Philips wist hij bij Talpa een data-gedreven design cultuur te creëren."

Bekijk alle aanbevelingen