Vastgoed
K Level
Website voor een boutique luxemakelaar uit Andorra, geordend op hoogte en gevoed door het eigen CRM, in vijf talen.
- Klant
- K Level Propietats
- Doorlooptijd
- sep – nov 2026
- Rol
- Webdesign en ontwikkeling
- Woningen bij de lancering
- 36
- Talen
- 5
- CRM-synchronisatie
- 1 h
De vraag
K Level Propietats is een boutique makelaar uit Andorra, met woningen van de Pyreneeën tot de Middellandse Zee en het Caribisch gebied. De nieuwe huisstijl draait om hoogte. Het kantoor wilde een site die dat idee draagt, gelijk loopt met de woningen in het CRM en op een vaste datum live gaat.
De uitdaging
Elke woning staat in het CRM van het kantoor, en het team werkt daar, niet in code. De site moest lezen als een gedrukt magazine en tegelijk alleen tonen wat het team zelf kan bijwerken: namen, teksten, foto's, status en volgorde. Sommige woningen zijn in twee talen beschreven, andere in vier, dus de site bepaalt ook per pagina welke talen er bestaan.
Wat ik bouwde
De site is geordend op hoogte: de collectie klimt van zeeniveau naar de top, en een hoogtemeter loopt op elke pagina met de bezoeker mee. Woningen komen rechtstreeks uit de XML-feed van het eGO-CRM: een controle elk uur bouwt de site alleen opnieuw als er iets veranderde, en elke woningpagina bestaat alleen in de talen waarin de tekst is geschreven. Bezoekers vragen een dossier, een bezichtiging of een waardebepaling aan via korte formulieren in stappen, en elke aanvraag komt per e-mail bij het kantoor binnen.
Mijn deel
Huisstijl, logo en achtergrondrecept van ONMI. Woningfoto's, teksten en de lanceringsfilm van K Level. Mijn deel: het ontwerp van de website op die huisstijl, de ontwikkeling, de CRM-koppeling en de lancering.
Onder de motorkap
De onderdelen die het werk doen
01Woningen uit het CRM
Het team blijft in eGO werken. Elk uur controleert de site de XML-feed en bouwt alleen opnieuw als een woning veranderde; namen, teksten, foto's, status en volgorde komen allemaal daarvandaan.
02Geordend op hoogte
De collectie loopt van zeeniveau naar de top, elke woning toont haar hoogte en een hoogtemeter geeft tijdens het scrollen de hoogte van elke sectie aan.
03Vijf talen, pagina voor pagina
Spaans, Catalaans, Engels, Frans en Portugees. Een woningpagina bestaat alleen in een taal als de tekst in die taal is geschreven, zodat geen pagina half leeg verschijnt.
04Aanvragen in korte stappen
Aanvragen voor waardebepaling, zoekopdracht en Private Collection vragen één ding tegelijk en controleren alleen de huidige stap. Elke aanvraag komt per e-mail bij het kantoor binnen.
05De merkachtergrond, live
Het recept van het bureau (foto, vervaging, groen verloop, korrel) opnieuw gebouwd als WebGL-shader, zodat elke sectie een woningfoto in de merkachtergrond kan veranderen.
06Lancering op de minuut
Tot de lancering toonde elke URL een coming-soonpagina met aftelklok; reviewers gebruikten een wachtwoord. De poort ging op 11 november om 11:11 vanzelf open.
Nagebouwd met voorbeelddata — geen echte klantgegevens.
Gebouwd met
- Astro
- TypeScript
- GSAP
- Lenis
- WebGL
- MapLibre
- eGO XML feed
- Resend
- Vercel
Hoe het tot stand kwam
Van briefing tot live
Doorlooptijd: sep – nov 2026
24 – 29 Sep 2026
Strategie & planning
Een eerste prototype, „The Ascent”, met echte woningen op hoogte gesorteerd, en een levende merkgids die het huisstijlboek van het bureau als webcomponenten opnieuw opbouwde.
Oct 2026
Ontwerp & bouw
De bouw begon op 1 oktober. Op 11 oktober kwamen de CRM-feed, de synchronisatie elk uur en alle vijf talen erin; daarna de formulieren in stappen, cookietoestemming, pdf-dossiers en de tweede versie van de woningpagina's.
9 – 11 Nov 2026
Lancering & automatisering
Een coming-soonpagina met aftelklok en een poort die op 11 november om 11:11 vanzelf openging. Op de lanceringsdag: een hero met alleen Andorra en een speler voor de lanceringsfilm van het kantoor.
Oct – Nov 2026
Doorlopende support
Een kleine beheeromgeving laat het kantoor Journal-artikelen publiceren en de woningen die niet in het CRM staan; elke opslag is een commit die de site opnieuw bouwt.
Resultaten
Gemeten op de live site
- Geïndexeerde pagina's
- 221
- Talen
- 5
- tussen controles van de CRM-feed; de site wordt alleen opnieuw gebouwd als een woning veranderde
- 1 h
- redirectregels, zodat links naar de oude site op de nieuwe pagina's uitkomen
- 112
- geautomatiseerde tests voor de lanceringspoort en de CRM-regels voor woningen
- 22
Gemeten met Google Lighthouse · Nov 2026 · overige cijfers uit de build en projectgegevens
Volgende stap
Iets vergelijkbaars nodig?
Vertel over je project — een eerste reactie binnen één werkdag, en een vaste prijs op papier voordat er iets begint.
Stap voor stap · van eerste gesprek tot lancering
Een project in gedachten? Laten we het bouwen.
Vertel me wat je verkoopt en wat je nodig hebt. Ik reageer binnen één werkdag met de volgende stappen — of een eerlijk “dit is niets voor mij”.
Volgend project