De Volksbank / ASN – Vernieuwing Online Bankieren omgeving

De Volksbank / ASN – Vernieuwing Online Bankieren omgeving

Een nieuwe look-and-feel en gebruikerservaring voor het online bankieren platform

Een nieuwe look-and-feel en gebruikerservaring voor het online bankieren platform

Back to Work

TotheRoot on a laptop
TotheRoot on a laptop

De Volksbank / ASN – Vernieuwing Online Bankieren omgeving

Vanuit een DevOps team als developer aan de vernieuwing van de online bankomgeving van de Volksbank bijgedragen, met een focus op frontend-consistentie, herbruikbaarheid en de samenwerking tussen UX en development binnen een grootschalige enterprise-omgeving.

Role

Frontend Developer (Angular)

Timeline

2020 - 2022

Team

DevOps Team, Product Owner, Scrum Master

Project Context

De Volksbank was de organisatie achter ASN Bank, SNS, RegioBank en BLG Wonen. De organisatie werkte aan de vernieuwing van haar online bankomgeving om de klantbeleving te verbeteren en een nieuwe look and feel te introduceren op al haar digitale platformen.

Ik werkte als Frontend Developer binnen een DevOps-team en droeg bij aan de ontwikkeling en optimalisatie van frontend-functionaliteit binnen een gedeelde, op Angular gebaseerde architectuur.

De online bankomgeving bestond uit meerdere applicaties en merken die voor gebruikers consistent en coherent moesten aanvoelen, terwijl ze tegelijkertijd binnen strikte kaders op het gebied van enterprise, security en architectuur moesten functioneren.

Het waarborgen van UI-consistentie, performance en schaalbaarheid over verschillende teams en applicaties heen was een belangrijke uitdaging, zeker binnen een gedeeld frontend-ecosysteem.

Responsibility

Responsability

Ik droeg bij aan de ontwikkeling en optimalisatie van frontend-componenten en functionaliteit binnen de gedeelde Angular-omgeving. Ik werkte nauw samen met UX-designers en andere DevOps-teams om ervoor te zorgen dat ontwerpen nauwkeurig en consistent werden vertaald naar herbruikbare frontend-patronen.

Daarnaast droeg ik bij aan het waarborgen van de structurele en visuele consistentie over de verschillende applicaties heen en ondersteunde ik de afstemming tussen de ontwerpvisie en de technische implementatie.

Key Decisions

1

Component Based Development

Gewerkt met herbruikbare Angular-componenten om de schaalbaarheid en consistentie over meerdere applicaties heen te waarborgen.



2

Alignment Between UX and Frontend

Nauw samengewerkt met UX-designers om ontwerpen te vertalen naar robuuste, productie frontend-implementaties.

3

Consistency Across Brands

Gewaarborgd dat UI-patronen en -structuren consistent bleven over de verschillende merken binnen het De Volksbank-ecosysteem.

4

Working Within Enterprise Constraints

Frontend-functionaliteit geoptimaliseerd met inachtneming van strikte richtlijnen op het gebied van beveiliging, architectuur en organisatie.

5

DevOps Collaboration

Functionaliteiten opgeleverd als onderdeel van een DevOps-team, waarbij frontend-werkzaamheden naadloos werden geïntegreerd in gedeelde platformen en tooling.

Totheroot home
Totheroot home

Results & Impact

Website url:

Website url:

De vernieuwde online bankomgeving resulteerde in een consistentere en modernere gebruikerservaring voor alle merken. De aanpak met gedeelde componenten verbeterde de onderhoudbaarheid en de onderlinge afstemming tussen teams, wat de basis legt voor toekomstige ontwikkelingen en schaalbaarheid.

Reflection

De vernieuwde online bankomgeving resulteerde in een consistentere en modernere gebruikerservaring voor alle merken. De aanpak met gedeelde componenten verbeterde de onderhoudbaarheid en de onderlinge afstemming tussen teams, wat de basis legt voor toekomstige ontwikkelingen en schaalbaarheid.

Tools & Technologies

Angular

Jenkins

Zeplin

HTML and CSS

TypeScript

Scrum / Agile

Sns homepage op ipad
Sns homepage op ipad
Tablet showing Bloomy UI
Tablet showing Bloomy UI