Terug naar projecten
ToolsEigen demo van VirtuoLab

Hypotheekpunt · Hypotheekrekentool

Demo: een hypotheekrekentool voor bruto maandlasten, totale rente en restschuld, annuïtair of lineair, met grafiek en aflostabel per jaar.

Screenshot van de demo Hypotheekpunt · Hypotheekrekentool (Tools), gebouwd door VirtuoLab

Over Hypotheekpunt · Hypotheekrekentool

Soort
Eigen demo van VirtuoLab
Technologieën
ReactNext.jsTypeScriptTailwind CSSSVG

Hypotheekpunt is een verzonnen hypotheekwebsite, en de hands-on demo toont de hypotheekrekentool die VirtuoLab ervoor bouwde met Next.js als React-pagina in TypeScript. Ten eerste kiest een bezoeker voor annuïtair of lineair aflossen. Ten tweede stelt de bezoeker het leenbedrag in van €50.000 tot €1 miljoen, de rente van 0,5% tot 8% en de looptijd van 5 tot 30 jaar. Bij elke wijziging rekent de pagina de bruto maandlast, de totale rente en de restschuld direct opnieuw uit. Bij de startwaarden, €350.000 tegen 3,95% over 30 jaar annuïtair, is de maandlast €1660,88. Daarnaast tonen een staafgrafiek en een aflostabel per jaar de rente, de aflossing en de restschuld. Alle berekeningen draaien in de browser, en de demo slaat geen invoer op. De uitkomst is bruto: de hypotheekrenteaftrek, in 2026 maximaal 37,56% (Rijksoverheid), zit er niet in. Hypotheekpunt is dan ook geen financieel advies.

RekentoolHypotheekAflostabel
01

Wat laat de demo Hypotheekpunt zien?

De demo Hypotheekpunt is een hypotheekrekentool voor bruto maandlasten, door VirtuoLab gebouwd met Next.js als React-pagina in TypeScript. Ten eerste kiest een bezoeker tussen een annuïtaire en een lineaire hypotheek. Ten tweede stellen drie velden het leenbedrag in van €50.000 tot €1 miljoen, de rente van 0,5% tot 8% en de looptijd van 5 tot 30 jaar, met een schuif, met plus- en minknoppen of door een bedrag te typen. De tool rekent met een vaste rente over de hele looptijd en een maandrente van de jaarrente gedeeld door 12. Bij de startwaarden, €350.000 tegen 3,95% over 30 jaar annuïtair, is de bruto maandlast €1660,88, en gaat 41,5% van het totaal betaalde bedrag naar rente. Daarnaast toont een gestapelde staafgrafiek rente en aflossing per jaar, met een lijn voor de restschuld. Een tweede weergave is een aflostabel per jaar met totalen, zoals een rekenblad in Microsoft Excel. Tot slot vergelijken drie kaarten de eerste maand, de restschuld halverwege de looptijd en de laatste maand. Alle berekeningen draaien in de browser, en er wordt geen invoer opgeslagen.

02

Welk probleem lost een online rekentool zoals Hypotheekpunt op, en voor wie?

Een online calculator is een selfservicetool die een bezoeker binnen seconden een schatting geeft, in plaats van na dagen mailen. Het probleem dat hij oplost is afhaken: bezoekers verlaten een website als een offerte te lang duurt. Hypotheekadviseurs, financieel planners, installateurs, leasebedrijven en webshops met configureerbare producten hebben er het meeste aan. Een bezoeker die meteen een indicatie van de maandlasten ziet, begrijpt het aanbod sneller en stelt betere vragen in het eerste gesprek. Ook mobiel gebruik telt: volgens StatCounter kwam ongeveer 65% van het Nederlandse webverkeer van telefoons in september 2026. Daarvan draait 68% op het besturingssysteem van Google (Android) en 32% op iOS. Elke schuif en elke grafiek moet dus met een duim op een klein scherm werken. In de praktijk laten de sterkste calculators de redenering zien, niet alleen de uitkomst, zoals bij Hypotheekpunt: elke betaling wordt gesplitst in rente en aflossing. Een duidelijke disclaimer hoort erbij, want een schatting op een website is nooit persoonlijk financieel advies.

03

Hoe bouwt VirtuoLab een rekentool voor een echt bedrijf?

VirtuoLab bouwt een rekentool voor een echt bedrijf als kleine web app of als onderdeel van een bestaande website. Vaak staan de formules al in Microsoft Excel, en dat is het startpunt. Stap 1 is een scopegesprek over de formules, de invoer en de regels achter elke uitkomst. Stap 2 is ontwerp en validatie: de berekening wordt getoetst aan voorbeelden van het bedrijf, en het scherm is mobile-first. Stap 3 is bouwen en testen met React, Next.js en TypeScript, net als in de demo. Die stack is gangbaar: 44,7% van de respondenten gebruikte React in de Stack Overflow Developer Survey van 2025. Aanvragen gaan naar PostgreSQL, dat 55,6% van hen gebruikte, of via HubSpot naar het CRM. Tot slot is stap 4 lancering en support. Als indicatie kost een eenvoudige web app €5000 tot €10.000, met 3 tot 6 weken werk. Een eenvoudige API-koppeling kost €1500 tot €4000 extra. De exacte prijs volgt na een gratis kennismaking, en het bedrijf wordt eigenaar van de code.