BNG Bank is al 110 jaar dé financier voor het publieke domein in Nederland. Ze staan bekend om hun persoonlijke contact, hun grote maatschappelijke impact. Ze zijn een gevestigde naam. Maar online waren ze nog niet zo ver: een versnipperd digitaal landschap, meerdere sites die allemaal verouderd waren.

Wij hielpen ze om een omslag te maken. Van organisatie waar online bijzaak is, naar organisatie die online heel goed begrijpt. Van drie sites naar één BNG. Van online versnippering naar een duidelijke richting. 

De vraag is natuurlijk: hoe kom je daar? Hoe maakt een bedrijf als BNG zo’n grote omslag?

Het begint altijd met dat kleine, grote woord: visie

Een online visie bouw je van buiten naar binnen – niet andersom. We spraken medewerkers en klanten. We lieten ze los op de BNG site en zagen hoe ze het gebruikten. Al deze inzichten waren brandstof om met het senior management en de executive committee de visie te vormen. Dat deden we in twee dagen, samen op onze boerderij. 

Voor het eerst kreeg online een belangrijke plek op strategisch niveau. Het resultaat daarvan – de visie – gaf een gedeelde taal, zodat heel BNG dezelfde kant op kan. Uiteindelijk is het simpel: zonder online visie raak je online verdwaald.

Het nieuwe BNG online

De ontwerpfase begint voor ons vaak met een concept car: een klikbaar prototype van de belangrijkste pagina’s. Het brengt de online visie snel tot leven en geeft een eerste indruk van de richting die we op willen. Uiteindelijk rollen we de concept car uit in een gedetailleerd design. Elke pagina, elke pixel komt voort uit de richting die we gekozen hebben. 

Dit zijn onze 4 favoriete elementen van het nieuwe BNG:

1. Drie sites die samenkomen

BNG had drie verschillende websites. Het was spannend voor ze om dat los te laten. En dat is best logisch. Er waren organisatieonderdelen die op de huidige site een eigen plekje hadden, en dat kwijt zouden raken. Zijn we dan nog wel vindbaar? Vindt onze doelgroep de juiste inhoud nog wel snel genoeg? We hebben de tijd genomen om deze zorgen te bespreken. We namen interne stakeholders mee in de keuzes die we maakten, de inzichten die er lagen.

Uiteindelijk hebben we gekozen voor een ​‘deurmat navigatie’ met verschillende uitklappers. Daardoor is informatie snel vindbaar, maar niet overweldigend. En wat blijkt? Alle doelgroepen kunnen nu juist beter hun weg vinden – daarmee is de zorg over vindbaarheid meer dan weggenomen.

2. Denken in systemen, niet in pagina’s

Vanaf het begin van het project hebben we gedacht in systemen. We ontwierpen geen pagina’s, maar composities van componenten. Die componenten hebben we zo generiek mogelijk opgezet, zodat BNG ze op meerdere pagina’s kan gebruiken. 

Deze componentengedachte is ook doorgetrokken in de ontwikkeling van het CMS. Daardoor heeft BNG nu een grote blokkendoos waarmee ze zelf pagina’s kunnen samenstellen. Het marketingteam kan de site verrijken, met de zekerheid dat hun werk altijd past binnen de huisstijl van BNG.

3. BNG’s succesverhalen

Tijdens de interviews met klanten hoorden we dat ze graag willen zien wat de meerwaarde van BNG is. Ze willen zich erin verdiepen. Daarom hebben we ervoor gekozen om projecten die BNG gefinancierd heeft een belangrijke plek te geven. Geen platte cases, maar rijke verhalen die makkelijk lezen. Zowel qua vorm als inhoud.

4. Een kleine digitale voetafdruk 

Eén van de bold moves uit de strategie was om de ecologische voetafdruk van de site te minimaliseren. We hebben bijvoorbeeld gekeken naar de zwaarte van de site. We vermeden autoplay, we plaatsten geen video’s in headers – dat bleken vooral MB-slurpende monsters die weinig toevoegen aan de gebruikerservaring. Het resultaat? Elke pagina is licht en staat razendsnel op je scherm – dat is ook meteen een grote plus voor de user experience.

Dit was geen project, dit is een basis

Om het nieuwe BNG van de grond te krijgen, zijn we een half jaar intensief met elkaar opgetrokken. Van visie, tot concept, tot realisatie. Onze product designers draaiden mee in het team van BNG en werkten in sprints samen met de developers, content specialisten en project managers. We deden tussendoor onderzoek met de doelgroep om te testen wat we maakten. Zo hielden we design, content en techniek strak op elkaar afgestemd en bouwden we stap voor stap aan herbruikbare componenten. Daarmee legden we ook meteen de basis voor BNG’s Design System.

Het ging nooit om het afronden van een project. Het is vanaf het begin gegaan om het neerzetten van een basis waar BNG op verder kan bouwen.

BNG denkt nu anders – dat is het grote verschil

Het nieuwe ontwerp sluit perfect aan op de visie. Het is duidelijk, het is gebruiksvriendelijk, het heeft karakter. Het is niet spectaculair. En dat is misschien ook wel de kracht. De échte meerwaarde van dit project zit gek genoeg niet in het design. Het zit misschien nog wel het meest in de verandering qua mindset. BNG is anders gaan denken. Er is intern een duidelijk idee over de rol van online. Over waar ze naartoe willen. Hoe ze de verschillende doelgroepen bedienen op één site. Ze gaan voor een digitale klantreis met persoonlijk contact waar nodig. En ze blijven hun diensten continu verbeteren door te luisteren, meten en testen. 

Die manier van denken verandert alles binnen BNG. Het zijn de eerste serieuze stappen naar online volwassenheid.