Ga naar hoofdinhoud Ga naar hoofdnavigatie Ga naar footer
Terug naar overzicht

Van start-up naar scale-up: een stevige technische basis voor Vista Hypotheken.

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.

Waar we aan werkten
Leestijd
4 min
Afbeelding zonder omschrijving

Op zoek naar een partner voor de lange termijn.

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.

Een moderne geldverstrekker met een eigen gezicht.

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 hypotheken nieuwe website

Op zoek naar een team voor de lange adem.

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.”

Iris Berents, Marketing Manager bij Vista Hypotheken
Iris Berents Marketing Manager bij Vista Hypotheken

Een stevige fundering als startpunt.

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.

Afbeelding zonder omschrijving

Veilig verder volgens Cube's kwaliteitsstandaarden.

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."

Marleen Poorthuis, projectmanager bij Cube
Marleen Projectmanager | Team Lead Octagon

Samen bouwen via het C-U-B-E model.

Creëren

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.

Uitdenken

Die ambitie vertaalden Vista en Cube samen naar duidelijke keuzes en prioriteiten, met de juiste mensen van beide kanten aan tafel.

Bouwen

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.

Evolueren

En na livegang houdt het niet op. Vista en Cube blijven samen monitoren, verfijnen en uitbreiden, zodat het platform meebeweegt met de organisatie.

Wat er samen tot stand kwam.

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.

Afbeelding zonder omschrijving

Een website die vertrouwen waarmaakt.

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.

Afbeelding zonder omschrijving

Tech builds

Gebouwd op de techstack van vandaag en morgen.

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.

Google API

Google API opent de deur naar een breed assortiment aan Google-diensten, zoals Maps, Analytics en AI. Hiermee kunnen ontwikkelaars innovatieve functies eenvoudig integreren in hun apps.

Vue.js

Vue.js, een innovatief JavaScript-framework, stelt je in staat om dynamische en interactieve webapplicaties te creëren. Het biedt niet alleen snelheid en flexibiliteit, maar ook een modulaire architectuur die geschikt is voor zowel eenvoudige als complexe projecten. De uitstekende documentatie en prestaties maken het extra aantrekkelijk.

TypeScript

TypeScript, een superset van JavaScript, voegt statische types toe, wat resulteert in een sterke en foutbestendige code. Het helpt bij het vroegtijdig opsporen van fouten en verbetert de ontwikkelingsprocessen aanzienlijk.

JavaScript

JavaScript vormt de kern van dynamische en interactieve webpagina’s. Deze taal maakt het mogelijk om animaties, formuliervalidaties en complexe interfaces te creëren, wat resulteert in functionele en visueel aantrekkelijke webapplicaties.

PHP

PHP, oftewel Hypertext Preprocessor, dient als een krachtige scripttaal voor het maken van dynamische webpagina's en applicaties. Het stelt je in staat om robuuste en flexibele online oplossingen te ontwikkelen die specifiek afgestemd zijn op jouw behoeften.

CSS

CSS bepaalt de presentatie van HTML-elementen op een webpagina. Het stelt je in staat om de opmaak, kleuren, lettertypen en layout te beheren, waardoor websites visueel aantrekkelijk en gebruiksvriendelijk worden.

Ons team. Ofja, eigenlijk het team van Vista Hypotheken

Amber Stuivenberg, projectmanager bij Cube

Amber Projectmanager

Goed in padel, sociaal en met een flinke dosis humor. Als projectmanager bij Cube brengt Amber techniek en opdrachtgever samen en zorgt ze dat projecten soepel verlopen. Sportief en nieuwsgierig, altijd klaar voor een nieuwe uitdaging en om samen met het team mooie resultaten te boeken.
Afbeelding zonder omschrijving

Bart Developer

Of hij nu op de judomat staat of op kantoor: Bart brengt energie en humor mee. Altijd goedgehumeurd, scherp van geest en een collega waar je op kunt bouwen.
Bernard Diphooren

Bernard Developer

Tukker, liefhebber van squash, PSV en fotografie tijdens het gouden uur. Bernard werkt al jaren met code en let daarbij niet alleen op functionaliteit, maar ook op lees- en testbaarheid. Rustig, nauwkeurig en altijd gericht op mooie en goed werkende oplossingen.
Bob ten Vergert - Security officer bij Cube - Oldenzaal

Bob Test Engineer | Security & Privacy

Uiteraard moet er iemand controle houden op de AVG, kwaliteit & veiligheid. Met overtuiging en punctualiteit waarborgt onze Test Engineer en Security & Privacy Officer, Bob deze facetten.
Demi Weustink - Office Manager bij Cube - Oldenzaal

Demi Officemanager

Met een nuchtere blik en organisatorisch talent is Demi de aanpakker die ervoor zorgt dat alles op kantoor soepel verloopt. Haar flexibiliteit en mensgerichte aanpak maken haar onmisbaar als Officemanager.
Dennis Hofs, Full-stack developer bij Cube Oldenzaal

Dennis Full Stack Developer

Met zijn enorme kennis en doorzettingsvermogen weet hij complexe vraagstukken op te lossen, terwijl hij altijd betrokken en pragmatisch te werk gaat. We zijn dan ook blij om iemand als Dennis in ons team te hebben.
Guus Oude Kotte - Back-end Developer bij Cube - Oldenzaal

Guus Full Stack Developer

Echte Twentse nuchterheid, dat ga je vinden bij Guus. Een toegankelijk en open persoon, een rots in de branding voor ons team.
Jarno Rutjes - Business Director bij Cube - Oldenzaal

Jarno Business Director

Zo fanatiek als Jarno in de sportschool en op de tennisbaan staat, zo zet hij zich ook in binnen Cube. Zijn kracht? Meedenken met de business van opdrachtgevers en bedrijfsprocessen tot in de kern doorgronden.
Jarno Witjes - Back-end Developer bij Cube - Oldenzaal

Jarno Back-end Developer

Een echte vakman, Jarno komt elke afspraak na en levert betrouwbare resultaten.
Jasper Lanting - Projectmanager bij Cube - Oldenzaal

Jasper Developer

Met zijn achtergrond is hij de perfecte schakel tussen het ontwikkelteam en onze projectmanagers. Dankzij zijn ervaring in beide rollen weet hij precies hoe hij bruggen kan slaan. Sociaal, gestructureerd en een echte teamplayer: een topper om erbij te hebben.
Jenne Morsink - Digital Marketeer bij Cube - Oldenzaal

Jenne Digital Marketeer

Met zelfvertrouwen en een scherpe pen brengt Jenne elke boodschap krachtig over. Ze weet precies hoe ze impact maakt.
Jeroen Mager - Back-end Developer bij Cube - Oldenzaal

Jeroen Back-end Developer

Net als in jujutsu, de sport die Jeroen beoefent, geldt ook bij Cube: Jeroen denkt vooruit en handelt trefzeker.
Job Keupink - CEO Cube Oldenzaal

Job CEO | Directie

Als oprichter van de organisatie begint Job zijn werkdag vol trots. Trots op het Cube-team, op wat we samen hebben bereikt en vol energie om onze ambitieuze doelen te realiseren.
Joost van Dijk

Joost Tech Lead | Team Pentagon

Een expert in app development, die zijn kennis graag deelt! Met een grote interesse in anderen en een vastberaden houding is Joost een aanwinst voor elk project.
Jordy ten Elsen - Tech Lead Developer bij Cube - Oldenzaal

Jordy Software Architect

Met een flinke dosis (badeendjes)humor overziet Jordy elke situatie perfect. Je hoeft nergens achteraan, want hij heeft altijd alles onder controle.
Justin Buhrmann - Full-stack Developer bij Cube - Oldenzaal

Justin Tech Lead | Team Hexagon

Als er iemand is op wie je binnen het team kunt rekenen, dan is het zeker Justin! Met zijn verantwoordelijkheidsgevoel straalt hij rust uit naar zijn collega's.
Kees Lempsink, projectmanager bij Cube

Kees Projectmanager

De positieve vibe die Kees uitstraalt, werkt aanstekelijk voor het team. Als echte aanpakker zorgt hij er altijd voor dat alles op de juiste manier gebeurt – en zo krijgt hij alle neuzen dezelfde kant op.
Kevin Veldscholte- Developer bij Cube - Oldenzaal

Kevin Developer

Met zijn vrolijke instelling en frisse blik is Kevin uitgegroeid tot een waardevolle kracht. Hij beschikt over veel vakkennis en zet deze dagelijks efficiënt in.
Laura Spierings - Digital Designer bij Cube - Oldenzaal

Laura Digital Designer

Een creatieve en nieuwsgierige professional met een passie voor design en FC Twente. Vrolijk, enthousiast en altijd in voor een goed gesprek, zo brengt zij zowel sfeer als kwaliteit in haar werk.
Maartje Harms - Content marketeer bij Cube - Oldenzaal

Maartje Content Marketeer

Of het nu gaat om een pakkend beeld of een meeslepende video, Maartje combineert creativiteit, openheid en eerlijkheid om verhalen te vertellen die verbinden.
Mans Booijink, operations manager van cube

Mans Operations Manager

Met een flinke dosis enthousiasme richt Mans zich dagelijks op het optimaliseren van processen en werkwijzen. Samenwerking staat centraal, met als doel samen mooie resultaten te behalen.
Afbeelding zonder omschrijving

Marcus Projectmanager

Marcus brengt met zijn sociale karakter en enthousiasme een fijne energie in het team. Een echte matchwinner, niet alleen binnen Cube maar ook op de tennisbaan!
Marleen Poorthuis, projectmanager bij Cube

Marleen Projectmanager | Team Lead Octagon

Met haar nuchtere aanpak en een bak aan technische kennis maakt Marleen elk project tot een succes. Als gedreven Projectmanager helpt ze Team Octagon continu vooruit.
Mart Nijland - Front-end Developer bij Cube - Oldenzaal

Mart Front-end Developer

Met oprechte interesse bouwt Mart front-end ervaringen die eruit springen. Een nauwkeurig persoon met wie samenwerken altijd prettig is.
Melanie Meester - Projectmanager Cube

Melanie Projectmanager | Team Lead Hexagon

Dankzij Melanie's procesmatige aanpak blijft niets liggen en komt alles samen binnen de projecten. Met haar enthousiasme neemt ze het team hierin mee.
Afbeelding zonder omschrijving

Mick Tech Lead | Team Nexus

Mick werkt als Tech Lead nauw samen met collega’s en opdrachtgevers om tot praktische en slimme oplossingen te komen. Met een sterke focus op communicatie en het toepassen van AI draagt hij bij aan steeds efficiëntere werkprocessen.
Afbeelding zonder omschrijving

Nicky Projectmanager | Team Lead Nexus

Nicky brengt mensen samen, houdt overzicht en zorgt dat plannen werkelijkheid worden. Met haar creatieve blik en nuchtere aanpak stuurt ze projecten soepel naar het gewenste resultaat. Altijd leergierig en scherp op de inhoud.
Onno Scheuten - Business Controller bij Cube - Oldenzaal

Onno Business Controller

Met oog voor detail en een talent voor cijfers zorgt Onno dat elke komma en decimaal klopt. Gestructureerd en gedisciplineerd - zowel op kantoor als op de tennisbaan, waar precisie en strategie samenkomen.
Afbeelding zonder omschrijving

Remi Software Architect

Met een passie voor het overbrengen van zijn expertise aan collega's en opdrachtgevers, staat Remi binnen Cube bekend als dé mentor van het team – of zoals velen hem noemen: 'de Padre'.
Rogier Lohuis, Business Consultant bij Cube

Rogier Business Consultant

Rogier spreekt zowel de taal van onze opdrachtgevers als die van onze developers. Het doorgronden van processen? Daar is hij een kei in!
Rosan van Oers - Manager People & Organization bij Cube - Oldenzaal

Rosan Manager People & Organization

Rosan is de verbindende kracht binnen ons team. Betrokken, oprecht en punctueel - dé vraagbaak die mensen samenbrengt en de organisatie soepel laat draaien.
Roy Teusink - Javascript Developer bij Cube - Oldenzaal

Roy Full Stack Developer

Roy heeft van zijn hobby zijn beroep gemaakt, met een passie voor programmeren en een oog voor detail. Een rustige, uiterst gedegen developer die zijn werk perfect voor elkaar heeft.
Ruben Assink - Full-stack Developer bij Cube - Oldenzaal

Ruben Full Stack Developer

Ondernemend en gestructureerd: Ruben is een developer met visie.. en voor een potje darten in de pauze is hij altijd te porren!
Ruben Vaalt - Digital Designer bij Cube - Oldenzaal

Ruben Digital Designer

Een Digital Designer die innovatie en structuur combineert, waar zijn werk niet alleen mooi, maar vooral functioneel en doelgericht is.
Sander Bekkedam - Developer bij Cube - Oldenzaal

Sander Developer

Met een indrukwekkende hoeveelheid kennis voor zijn leeftijd en een sportieve instelling is Sander een betrokken en energieke kracht binnen elk project.
Stijn Lammerink - Javascript Developer bij Cube - Oldenzaal

Stijn Front-end Developer

Een sociale Front-end Developer die van structuur houdt en altijd het overzicht bewaart. Een waardevolle collega binnen ons team – niet alleen op de werkvloer, maar ook bij de vrijdagmiddagborrels!
Afbeelding zonder omschrijving

Tamara Business Consultant

Tamara weet met haar energie en creatieve denkkracht elk vraagstuk om te zetten in nieuwe kansen.
Thomas Meulenbroek - Back-end Developer bij Cube - Oldenzaal

Thomas Back-end Developer

Een kundige Back-end Developer met een sociale instelling. Of het nu gaat om het doorgronden van een issue, pingpong of een potje voetbal op het plein: hij speelt altijd op hoog niveau.
Tom Oude Rengerink

Tom Tech Lead | Team Octagon

Denk je aan snelheid? Dan denk je aan Tom! Of het nu gaat om snelle auto's of racen op de kartbaan: als het maar hard gaat. De innovatieve techniek in deze branche past dan ook perfect bij hem.
Afbeelding zonder omschrijving

Wesley Projectmanager

Met zijn IT-ervaring in ERP-software als consultant en projectmanager helpt Wesley klanten graag bij het realiseren van slimme automatisering en digitalisering als waardevolle aanvulling op hun ERP- en CRM-systeem.
Afbeelding zonder omschrijving

Klaar voor de volgende stap? Wij ook.

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.

Maar er is nog meer zoals Vista Hypotheken...

Afbeelding zonder omschrijving

Legal Mind

Legal Mind: Een digitaal fundament voor een AI-platform met ambitie.

  • Website
Afbeelding zonder omschrijving

Brookhuis

Hoe Brookhuis gas geeft met een betrouwbare digitale basis.

  • Data Management Platform
  • Website
  • +1