Case · Website

Hypotheekhaven.

Een hypotheek is voor de meeste mensen de grootste beslissing van hun leven. Wij bouwden een site die de spanning eraf haalt en van bezoekers afspraken maakt.

Twee telefoons met de Hypotheekhaven-website: de homepage en de adviseurspagina

Diensten

Website · Design · CMS · SEO

Sector

Financieel advies

Jaar

2026

Hypotheekhaven

/ Het uitgangspunt

“Hypotheekhaven”, een case over vertrouwen winnen met duidelijkheid.

De uitdaging

Hypotheekhaven is een onafhankelijk adviseur met een persoonlijke aanpak en een 9,8-klantscore, maar online was dat verhaal onzichtbaar. Starters die toch al zenuwachtig zijn over hun eerste huis, haakten af op een site die afstand hield.

De opdracht

Maak het advies voelbaar vóór het eerste gesprek. Warm in plaats van bancair, helder in plaats van jargon, en elke pagina een logische stap richting het plannen van een consult.

Hypotheekhaven, vertrouwen winnen met duidelijkheid

De aanpak

Van eerste kliknaar eerste koffie.

Drie principes bepaalden elk ontwerpbesluit, van de eerste schets tot de laatste pixel.

01

Menselijk, niet bancair

Warme tinten, echte foto's en één duidelijke stem. Je weet meteen met wie je aan tafel zit.

02

Helderheid boven jargon

In 4 stappen naar je doel, duidelijke woonstudies en rekentools. Complexe materie, simpel verteld.

03

Alles richting de afspraak

Elke sectie eindigt in dezelfde vraag: plan een consult. Reviews (9,8) en werkwijze nemen de laatste twijfel weg.

De site in beweging

Scherm van hypotheekhaven.nl: de sectie Wat is jouw woonwens? met woonsituaties en kerncijfers

Hypotheekhaven

Een site die twijfel wegneemt en van bezoekers afspraken maakt, nog vóór het eerste gesprek.

Het idee

Vertrouwen bij de eerste klik.

Wie een hypotheek zoekt, vergelijkt niet alleen rentes. Je zoekt iemand die je begrijpt, de opties kent en het proces uit handen neemt. Dat gevoel ontstond bij Hypotheekhaven pas aan tafel, terwijl de keuze voor een adviseur al veel eerder valt: op de site, bij de eerste indruk.

Daarom haalden we het adviesgesprek naar voren. Warme tinten en echte foto’s in plaats van bancaire afstand, taal die uitlegt in plaats van imponeert, en op elk logisch moment dezelfde eenvoudige vervolgstap: plan een consult.

Scherm van hypotheekhaven.nl
Scherm van hypotheekhaven.nl

Eén systeem,elk detail.

Geen losse schermen maar een design system: knoppen, formulieren en trust-elementen die op elke pagina hetzelfde vertrouwen uitstralen.

Plan ConsultBekijk werkwijze

Knoppen

Formulieren & rekentools

★★★★★ Beoordeeld met 9,8✓ 100% onafhankelijk✓ Advies uit 45+ geldverstrekkers

Trust-elementen

Van herotot afspraak.

Scroll met je muis door de volledige desktop-pagina, en zie rechts de mobiele site in gebruik: hetzelfde heldere verhaal op elk formaat.

Volledige homepage van hypotheekhaven.nl

Desktop — beweeg eroverheen en scroll mee

Mobiel — de site in gebruik

Eén verhaal,elk scherm.

Woonstudies, rekentools, reviews en werkwijze: één samenhangend systeem dat overal vertrouwen uitstraalt.

Het resultaat

9,8

Klantscore, prominent op de site

0

technisch gedoe aan klant-kant, van start tot live

4

Heldere stappen van klik naar consult

“Bezoekers zeggen nu al bij het eerste gesprek: ik heb je hele site gelezen, het voelt goed. Dat is precies waar ik op hoopte.”
Hypotheekhaven
HappyFlops — volgende case

Volgende case

HappyFlops

Bekijk case