Zurück zu den Projekten
ToolsEigene Demo von VirtuoLab

Hypotheekpunt · Hypothekenrechner

Demo: ein Hypothekenrechner für Bruttorate, Gesamtzinsen und Restschuld, als Annuitäten- oder lineares Darlehen, mit Diagramm und Tilgungsplan pro Jahr.

Screenshot der Demo Hypotheekpunt · Hypothekenrechner (Tools), entwickelt von VirtuoLab

Über Hypotheekpunt · Hypothekenrechner

Art
Eigene Demo von VirtuoLab
Technologien
ReactNext.jsTypeScriptTailwind CSSSVG

Hypotheekpunt ist eine erfundene niederländische Hypothekenwebsite, und die Demo zeigt den Hypothekenrechner, den VirtuoLab dafür als React-Seite mit Next.js und TypeScript gebaut hat. Erstens wählt ein Besucher Annuitätentilgung oder lineare Tilgung. Zweitens stellt der Besucher den Darlehensbetrag von 50.000 € bis 1.000.000 €, den Zinssatz von 0,5 % bis 8 % und die Laufzeit von 5 bis 30 Jahren ein, per Schieberegler, Plus- und Minus-Knopf oder durch Eintippen. Bei jeder Änderung berechnet die Seite Bruttorate, Gesamtzinsen und Restschuld sofort neu. Bei den Startwerten, 350.000 € zu 3,95 % über 30 Jahre mit Annuitätentilgung, beträgt die Monatsrate 1.660,88 €. Außerdem zeigen ein gestapeltes Balkendiagramm und ein Tilgungsplan pro Jahr Zinsen, Tilgung und Restschuld. Alle Berechnungen laufen im Browser, und die Demo speichert keine Eingaben. Hypotheekpunt zeigt, wie ein interaktives Rechentool funktioniert, und ist keine Finanzberatung.

RechnerHypothekTilgungsplan
01

Was zeigt die Demo Hypotheekpunt?

Die Demo Hypotheekpunt ist ein Hypothekenrechner für die monatliche Bruttorate, den VirtuoLab als Demo-Seite mit React, Next.js und TypeScript gebaut hat. Erstens wählt ein Besucher zwischen Annuitätendarlehen und linearem Darlehen. Zweitens stellen drei Felder den Darlehensbetrag von 50.000 € bis 1.000.000 €, den Zinssatz von 0,5 % bis 8 % und die Laufzeit von 5 bis 30 Jahren ein, per Schieberegler, Plus- und Minus-Knopf oder durch Eintippen eines Betrags. Der Rechner geht von einem festen Zins über die gesamte Laufzeit aus, mit einem Monatszins von einem Zwölftel des Jahreszinses. Bei den Startwerten, 350.000 € zu 3,95 % über 30 Jahre mit Annuitätentilgung, beträgt die Bruttorate 1.660,88 €, und 41,5 % des insgesamt gezahlten Betrags sind Zinsen. Außerdem zeigt ein gestapeltes Balkendiagramm Zinsen und Tilgung pro Jahr, mit einer Linie für die Restschuld. Eine zweite Ansicht ist ein Tilgungsplan pro Jahr mit Summen. Schließlich vergleichen drei Karten den ersten Monat, die Restschuld zur Hälfte der Laufzeit und den letzten Monat. Alle Berechnungen laufen im Browser, und die Demo speichert keine Eingaben.

02

Welches Problem löst ein Online-Rechner wie Hypotheekpunt, und für wen?

Ein Online-Rechner ist ein Self-Service-Tool, das Besuchern sofort eine Schätzung liefert, statt nach tagelangem E-Mail-Verkehr. Das Problem dahinter sind verlorene Interessenten: Besucher verlassen eine Website, wenn ein Angebot zu lange dauert. Am meisten profitieren Baufinanzierungsberater, Finanzplaner, Installateure, Leasingfirmen und Onlineshops mit konfigurierbaren Produkten. Wer sofort eine Monatsrate als Richtwert sieht, versteht das Angebot schneller und stellt im ersten Gespräch bessere Fragen. Auch die mobile Nutzung zählt: Laut StatCounter stammten im September 2026 rund 60 % des Webtraffics in Deutschland und rund 65 % in den Niederlanden von Smartphones. Jeder Regler und jedes Diagramm muss also auf einem kleinen Bildschirm funktionieren. In der Praxis zeigen die besten Rechner den Rechenweg, nicht nur das Ergebnis, so wie Hypotheekpunt: Jede Zahlung wird in Zinsen und Tilgung aufgeteilt, sodass Besucher sehen, warum eine längere Laufzeit insgesamt mehr kostet. Ein klarer Hinweis gehört dazu, denn eine Schätzung auf einer Website ist nie eine persönliche Finanzberatung.

03

Wie baut VirtuoLab ein Rechentool für ein echtes Unternehmen?

VirtuoLab baut ein Rechentool für ein echtes Unternehmen als kleine Web-App oder als Baustein einer bestehenden Website. Schritt 1 ist ein Scope-Gespräch über die Formeln, die Eingaben und die Regeln hinter jedem Ergebnis. Schritt 2 ist Design und Validierung: Die Berechnung wird an Beispielen des Unternehmens geprüft. Schritt 3 ist Entwicklung und Test, zum Beispiel mit React, Next.js und TypeScript, wie in der Demo. Dieser Stack ist verbreitet: Laut Stack Overflow Developer Survey 2025 nutzten 44,7 % der Befragten React, sodass später auch ein anderer Entwickler den Code pflegen kann. VirtuoLab kann den Rechner außerdem über eine API an ein CRM anbinden. Schließlich ist Schritt 4 Launch und Support. Als Richtwert kostet eine einfache Web-App 5.000 € bis 10.000 €, bei einer Projektdauer von 3 bis 6 Wochen, und eine einfache API-Anbindung kostet zusätzlich 1.500 € bis 4.000 €. Der genaue Preis folgt nach einem kostenlosen Kennenlerngespräch, und der Code gehört dem Unternehmen.