DatoCMS
DatoCMS is een API-first headless CMS: een systeem dat de inhoud van je website of platform loskoppelt van de voorkant. Je beheert content op één plek en levert die via een API aan elk kanaal.
Een hypotheek is voor veel mensen de grootste beslissing van hun leven en bij Vista Hypotheken (dochteronderneming van Rabobank) loopt dat altijd via een adviseur. Die site mag dus geen moment haperen. Vista en Cube namen samen de bestaande software over, deden een code review en scherpten security, releasemanagement en tests aan, en bouwden een nieuwe front-end op DatoCMS. Vista Hypotheken heeft nu een snel, toegankelijk platform met eigen omgevingen voor adviseurs en klanten.
Een hypotheek afsluiten is voor veel mensen een van de grootste beslissingen van hun leven. Bij Vista verloopt dat altijd via een adviseur, daardoor zijn ze de primaire doelgroep. De website moet hen alles bieden wat ze nodig hebben om goed over Vista te adviseren, en huizenkopers tegelijk een helder beeld geven van wat Vista te bieden heeft. Vista had die basis al goed staan en zocht een vaste partner om er voor de lange termijn op door te bouwen. Cube nam de bestaande software over, maakte de beveiliging nog steviger en bouwde de site door tot een snel, toegankelijk en goed vindbaar platform in het CMS DatoCMS.
Vista Hypotheken is een dochteronderneming van Rabobank en bestaat bijna acht jaar. Met ruim 30.000 klanten heeft Vista een eigen gezicht binnen de Rabobank-groep, met een duidelijke focus op starters en duurzaamheid. Dat duurzame karakter zit tot in het product. Een rentekorting op een woning met energielabel A is inmiddels bij vrijwel elke geldverstrekker te vinden, maar Vista gaat een stap verder. Wie een huis koopt of bouwt met materiaalgebonden CO2-reductie, krijgt een CO2-rentekorting. Wanneer de klant in aanmerking komt voor CO2-rentekorting krijgt hij in vrijwel alle gevallen automatisch Rentelabel A korting. Dubbel profiteren dus.
In een wereld waarin alles draait om vertrouwen en zekerheid, telt een stabiele digitale omgeving dubbel. De website is de plek waar adviseurs hun informatie halen en waar huizenkopers zich oriënteren. Die plek mag geen moment haperen.
Vista had een werkende website en een helder beeld van de koers. Wat nog ontbrak, was een team dat meegroeit: een vaste partner die de software niet alleen draaiende houdt, maar er ook met visie op doorbouwt. Die partner kwam via een vertrouwde route in beeld. Op aanbeveling van hostingpartner Shock Media raakten Vista en Cube in gesprek, en de klik was er snel. Na een pitch werd Cube de nieuwe digitale partner, met de opdracht de bestaande codebase over te nemen en de website verder te brengen.
“Hoewel wij uit de Randstad komen en Cube uit Twente, delen we dezelfde nuchtere mentaliteit. De korte lijnen, bereikbaarheid en deskundigheid maakten vanaf het begin het verschil. Cube biedt niet alleen een solide technische basis, maar denkt ook proactief mee over de toekomst van onze website. Daarnaast beschikken ze over een sterk designteam dat techniek en creativiteit moeiteloos samenbrengt. Juist die combinatie van expertise, designgevoel en proactiviteit maakt Cube voor Vista een waardevolle partner.”
Cube is een strategische technologiepartner met bijna 15 jaar ervaring in bedrijfskritische software. Geen verbouwing zonder eerst de fundering te controleren, dus begon het traject niet met bouwen maar met begrijpen. Via een grondige code review en software overname bracht het Cube-team de codebase in kaart. De basis bleek solide, maar op het gebied van security, release-management en kwaliteitscontrole hebben we de touwtjes strakker aangetrokken.
We implementeerden een robuuste CI/CD-pipeline gecombineerd met strikte versioning. Om te garanderen dat de website bij elke update feilloos blijft werken, hebben we geautomatiseerde End-to-End tests opgezet. Hiermee simuleren we doorlopend de belangrijkste klantreizen, zoals het gebruik van de hypotheekrekentools. Voordat een nieuwe versie van de code live mag, moet deze in de pipeline eerst alle Cypress-tests succesvol doorstaan. Mocht een wijziging per ongeluk een functionaliteit breken, dan blokkeert het systeem de release automatisch. Zo ging de website veilig verder volgens de eigen kwaliteitsstandaarden van Cube.
"We signaleren verbeterkansen, adviseren over structuur en content en ondersteunen bij het implementeren van nieuwe functionaliteiten die aansluiten bij de doelstellingen van Vista. De samenwerking kenmerkt zich door korte lijnen, wederzijds vertrouwen en een gezamenlijke focus op kwaliteit en groei."
Het begon met een gedeelde visie. In de eerste gesprekken brachten Vista en Cube samen in beeld waar de organisatie naartoe wilde, zodat beide partijen vanuit hetzelfde uitgangspunt vertrokken.
Die ambitie vertaalden Vista en Cube samen naar duidelijke keuzes en prioriteiten, met de juiste mensen van beide kanten aan tafel.
In de uitvoering hielden korte lijnen het tempo erin. Vista dacht continu mee, Cube schakelde snel, en feedback werd direct verwerkt in plaats van bewaard voor later.
En na livegang houdt het niet op. Vista en Cube blijven samen monitoren, verfijnen en uitbreiden, zodat het platform meebeweegt met de organisatie.
Wat daaruit groeide, is een vernieuwde website gebouwd op een moderne headless architectuur met DatoCMS. Door de back-end volledig los te koppelen van de front-end, behoudt Vista maximale flexibiliteit. Voor de voorkant is gekozen voor Vue.js, draaiend op het Nuxt.js framework, met een fris ontwerp dat past bij het eigenzinnige karakter van Vista.
De communicatie tussen het content management en de frontend verloopt efficiënt via een krachtige GraphQL-API. Dankzij GraphQL haalt de applicatie via gerichte queries exact de benodigde data op, wat overbodig netwerkverkeer voorkomt. In combinatie met de Server-Side Rendering (SSR) van Nuxt resulteert dit in een website die razendsnel laadt, prettiger werkt op mobiel en voldoet aan de WCAG-richtlijnen. Deze performance-winst is bovendien cruciaal voor een toppositie in zowel klassieke als AI-zoekmachines. De bestaande adviseursomgeving en het klantportaal bleven in gebruik. De aanwezige API-koppelingen zijn verbeterd en robuuster ingericht, zodat actuele gegevens, zoals rentes en hypotheekberekeningen, betrouwbaar en automatisch op de juiste plek worden weergegeven.
Dat het hele traject soepel verliep, komt mede doordat Cube en Shock Media elkaars techniek al jaren kennen en op hetzelfde niveau meedenken. Development, infrastructuur en security werkten daardoor dicht op elkaar. Vista heeft nu een platform op een nog veiligere basis, dat sneller en prettiger werkt en modern oogt. Een herkenbaar, eigen gezicht binnen Rabobank, met voor adviseurs en klanten elk een eigen plek om in te werken. De fundering staat, het gezicht is fris, en de samenwerking is net begonnen. Vista en Cube bouwen verder, zoals een website voor een hypotheekverstrekker hoort: nooit echt af.
Amber Projectmanager
Bart Developer
Bernard Developer
Bob Test Engineer | Security & Privacy
Demi Officemanager
Dennis Full Stack Developer
Guus Full Stack Developer
Jarno Business Director
Jarno Back-end Developer
Jasper Developer
Jenne Digital Marketeer
Jeroen Back-end Developer
Job CEO | Directie
Joost Tech Lead | Team Pentagon
Jordy Software Architect
Justin Tech Lead | Team Hexagon
Kees Projectmanager
Kevin Developer
Laura Digital Designer
Maartje Content Marketeer
Mans Operations Manager
Marcus Projectmanager
Marleen Projectmanager | Team Lead Octagon
Mart Front-end Developer
Melanie Projectmanager | Team Lead Hexagon
Mick Tech Lead | Team Nexus
Nicky Projectmanager | Team Lead Nexus
Onno Business Controller
Remi Software Architect
Rogier Business Consultant
Rosan Manager People & Organization
Roy Full Stack Developer
Ruben Full Stack Developer
Ruben Digital Designer
Sander Developer
Stijn Front-end Developer
Tamara Business Consultant
Thomas Back-end Developer
Tom Tech Lead | Team Octagon
Wesley Projectmanager
Je weet wat je met je data wilt bereiken, maar misschien nog niet precies welk platform daarbij past. Geen probleem. We denken graag met je mee, verkennen de mogelijkheden en bepalen samen wat werkt voor jouw organisatie.
Lucassen Boomkwekerij: van Excel naar een modern bestelproces.
Hoe Brookhuis gas geeft met een betrouwbare digitale basis.