---
title: "Vanhout Projects: een website die kopers de weg wijst"
date: 2026-09-28T21:14:00+02:00
author: Pieter-Jan Baert
canonical_url: "https://calibrate.be/cases/vanhout-projects-een-website-die-kopers-de-weg-wijst"
section: Cases
---
#  Vanhout Projects: een website die kopers de weg wijst

 ![20260927 Van Hout Projects Lo Res 56361](https://calibrate.be/transforms/public/Cases/VanhoutProjects/_1600x711_crop_center-center_none_ns/20260927-VanHoutProjects_LoRes-56361.webp) ![Vanhout](https://calibrate.be/public/Logos/vanhout.svg)

###  Sectoren

- Industrie &amp; maakbedrijven

###  Diensten

- UX Design
- UI Design
- Craft CMS development

###  Website

[vanhoutprojects.be](https://vanhoutprojects.be/)

**Vier projectfases, één helder overzicht**: samen met Vanhout Projects bouwden we een Craft CMS-website waar je altijd weet waar je zit en die je vlot naar het actuele aanbod leidt.

Een projectenpagina bij een vastgoedontwikkelaar verandert snel in een rommeltje. Vanhout Projects zag het bij zichzelf en bij collega's in de sector: te koop, weldra te koop en al lang opgeleverd stonden door elkaar, en wie op zoek was naar een nieuwe woning moest zelf uitzoeken wat nog beschikbaar was. **Tijd voor een website die de koper centraal zet.**

<a class="Block-anchor" id="de-uitdaging"></a> ![Vanhoutprojects]()

 ![AMS 1815 VAN TIW 20240906 Beeld B klein]()

 ![AMS 1815 VAN TIW 20240814 Beeld A]()

##  De uitdaging

Vanhout Projects kwam bij ons met een duidelijke briefing en een open vraag. Ze wilden een modernere, stijlvollere website binnen de bestaande huisstijl, afgestemd op hun corporate brochure en **geschreven voor de eindconsument**: de kopers van hun projecten. Maar ze zochten vooral **een partner die mee zou beslissen hoe het beter kon**. Moesten de projecten in drie aparte pagina's? Werk je met filters? En hoe zorg je dat een bezoeker, die vaak wat ouder en traditioneler is, nergens verdwaalt?

Daarnaast lag er een heldere wens om de kernwaarden van Vanhout Projects zichtbaar te maken: **betrouwbaar, no nonsense, garant voor kwaliteit en toegankelijk**. Dat bewijs zit in de gerealiseerde projecten, en die verdienden een prominentere plek.

> We hebben voor Calibrate gekozen omdat zij doorgedreven technische know-how combineren met sterke designkwaliteiten. De samenwerking verliep vlot, waarbij feedback snel werd opgepikt en efficiënt verwerkt.*"*

### Onze aanpak

**We vertrokken bij de koper.** Vanhout Projects had zelf al inspiratie verzameld, met een scherp oog voor wat wel en niet werkte voor hun doelgroep. Die referenties vertaalden we naar een **eigen, uitgepuurd design** dat past bij het opvallende Vanhout-logo, zonder de grote, zware typografie die jongere merken gebruiken. **Het eerste designvoorstel lag al op tafel tijdens de eerste meeting**, zodat we meteen samen konden bijsturen.

De huisstijl stemden we af met de interne communicatiedienst van de groep. Voor de livegang legden we het volledige platform nog eens naast het design tijdens een **aparte UX-review**, zodat elk detail klopte op desktop en mobiel.

 ![Vanhout home alle toestellen]()

 ![Vanhout project mudakkers]()

 ![Vanhout projecten desktop]()

### De oplossing

**Elk project herkenbaar in zijn fase.** We gaven elke projectfase een **eigen kleur en icoon**: rood voor te koop, felblauw voor weldra te koop, donkerblauw voor in voorbereiding en zwart voor gerealiseerd. Die kleurcode komt overal terug, in de labels, de filterknoppen en de markers op de **interactieve kaart**. Zo zie je in één oogopslag waar een project staat, ook wanneer je door de kaart scrolt.

**Het aanbod eerst, de realisaties als bewijs.** De aanbodpagina opent met de projecten die vandaag interessant zijn voor een koper, met grote renders en een eerste project dat extra ruimte krijgt. Met de filters en de kaart zoek je gericht op fase en locatie. De gerealiseerde projecten kregen een eigen overzicht, met dezelfde kaartfunctie, zodat ze niet in de weg staan van het aanbod maar wel het verhaal van kwaliteit en betrouwbaarheid dragen.

**Een projectfiche die doorverwijst.** Op de projectfiche vind je de renders in een lightbox, de locatie en de voornaamste highlights in een paar krachtige punten. De fiche is bewust beknopt: de belangrijkste stap is **de link naar de specifieke projectwebsite**, die opent in een nieuw tabblad. Onderaan scroll je via een carrousel verder door het actuele aanbod, en een breadcrumb laat je altijd zien waar je je bevindt.

**Leads die direct opleveren.** De corporate brochure vraag je aan via een kort formulier en komt meteen in je mailbox terecht. Daarnaast kreeg het verhaal van Vanhout Projects meer ruimte met pagina's over investeren, het team en de zoektocht naar bouwgrond.

**Een CMS dat het team zelf in handen heeft.** In Craft CMS bouwden we een systeem van **flexibele bouwblokken**, zodat het team van Vanhout Projects zelf pagina's opbouwt, projecten aanmaakt en de volgorde van het aanbod beheert. Na een opleiding en met duidelijke rollen voor editors en webmasters **vullen ze de site volledig zelf in**.

<a class="Block-anchor" id="wil-je-jouw-projecten-net-zo-helder-in-de-kijker-zetten"></a>##  Wil je jouw projecten net zo helder in de kijker zetten?

[ Plan een kennismaking in   ](https://calibrate.be/contact)
