50.000 beleggers. 99,9% uptime. En de beslissing om een ​​echte app te bouwen in plaats van een PWA.

Bloei Vermogen behoort tot de top 10 van grootste vermogensbeheerders in Nederland en biedt volledig online, duurzaam en voordelig beleggen aan. Naarmate de gebruikersgroep jonger en meer gewend aan mobiel gebruik werd, gingen steeds meer klanten via mobiele apparaten naar het beleggingsplatform en nam de vraag naar een speciale app toe.

De oorspronkelijke opdracht betrof een Progressive Web App (PWA). Na een grondige analyse van de gebruikersbehoeften en de product roadmap van Bloei, adviseerde Elements echter om voor een React Native-app te kiezen. Een PWA zou concessies hebben vereist op het gebied van biometrische authenticatie, pushmeldingen en de 'native' gebruikerservaring die essentieel is in de financiële sector, waar vertrouwen en een hoogwaardige afwerking geen optie zijn, maar een vereiste.

Elements was verantwoordelijk voor het visuele ontwerp, de UX, de mobiele ontwikkeling voor beide platforms en de backend.

Een 'mobile-first' beleggingservaring met biometrisch inloggen

De app biedt gebruikers een helder, realtime overzicht van hun beleggingsportefeuille. Biometrische authenticatie, iets wat in een PWA niet mogelijk zou zijn geweest, werd vanaf het begin geïntegreerd. De interface is ontworpen voor de jongere, digitaal vaardige belegger, die van een financiële app dezelfde verfijning verwacht als van elk ander consumentenproduct.

Een 'Backend For Frontend' (BFF) die de architectuur toekomstbestendig maakt

Bloei maakt als basis gebruik van het Blanco-platform voor vermogensbeheer. In plaats van vanuit de app rechtstreeks met Blanco te integreren, ontwikkelde Elements een 'stateless' BFF in Python (FastAPI, Redis, AWS ECS, Elasticache) die tussen de app en de backend opereert. Deze laag regelt de authenticatie en abstraheert het onderliggende platform, waardoor het eenvoudig is om nieuwe functies of gegevensbronnen toe te voegen zonder de mobiele codebase aan te passen.

Eén React Native-codebase voor iOS en Android

De apps zijn gebouwd met React Native en delen één enkele codebase voor beide platforms. Voor een app die 50.000 gebruikers bedient en moet voldoen aan een uptime-eis van 99,9%, bood React Native de juiste balans tussen efficiënte ontwikkeling en betrouwbaarheid in productie.

Waarom React Native en waarom een ​​BFF?

React Native was de juiste keuze voor Bloei: één codebase, beide platforms en snelle iteratie. De winst in ontwikkelingsefficiëntie is aanzienlijk, zonder dat dit ten koste gaat van de betrouwbaarheid die een financiële app vereist.

De BFF is de minder voor de hand liggende, maar wel belangrijkere architecturale beslissing. Financiële apps verzamelen in de loop der tijd steeds meer integraties. Door vanaf het begin een middleware-laag te bouwen, kan Bloei backend-verbindingen toevoegen of dataleveranciers vervangen zonder een nieuwe grote versie van de app uit te hoeven brengen. Bovendien blijft de authenticatielogica buiten de mobiele client, wat van groot belang is in een gereguleerde sector.

Het project omvatte de volledige stack: UX-design, visueel ontwerp, frontend en backend, en werd door één enkel team opgeleverd. Dankzij deze integrale aanpak konden beslissingen, waarvoor anders dagenlange overdrachtsmomenten nodig zouden zijn geweest, direct in dezelfde ruimte worden genomen. Elements verzorgde het ontwerp, de mobiele ontwikkeling en de backend, zonder de verantwoordelijkheid over verschillende bureaus te verdelen.

Met de BFF-architectuur op zijn plaats kan Bloei de app uitbreiden met gepersonaliseerde beleggingsadviezen, extra portefeuilleoverzichten en nieuwe integraties met aanbieders van financiële gegevens, zonder dat de app opnieuw hoeft te worden opgebouwd.