Vastgoed
Ordino Prestige
Verkoopsite voor 37 woningen in drie gebouwen in Ordino, in zes talen, met beschikbaarheid die vanuit het verkoopportaal naar de site en elke brochure gaat.
- Klant
- POB Ordino
- Doorlooptijd
- Aug – okt 2026
- Rol
- Ontwerp en ontwikkeling
- Woningen
- 37
- Gebouwen
- 3
- Talen
- 6
De vraag
POB Ordino is een project van 37 woningen in drie gebouwen (Aire, Brisa en Calma) in Ordino, Andorra, ontworpen door DATA Arquitectes. Kopers komen uit heel Europa en willen woningen, beschikbaarheid en prijzen vergelijken nog voordat ze langskomen.
De uitdaging
Beschikbaarheid verandert tijdens de voorverkoop, en die stond op drie plekken: in de spreadsheet van het verkoopteam, in de code van de website en in twaalf brochure-pdf's, in zes talen met elk een versie met logo en een makelaarsversie. Elke reservering betekende een codewijziging en een nieuwe set pdf's, en een verouderde brochure kon nog een woning aanbieden die al gereserveerd was. Daarbij moest elke oppervlakte en prijs op de site precies overeenkomen met de brochure van de ontwikkelaar.
Wat ik bouwde
Een verkoopsite van één pagina in zes talen, gebouwd rond het product: een gebouwviewer, een indelingsverkenner met de plattegronden van de architect, een woningzoeker voor alle 37 woningen, en overzichten van parkeerplaatsen en bergingen. Brochure- en contactaanvragen worden als lead opgeslagen en per e-mail beantwoord in de taal van de koper. De beschikbaarheid komt uit het verkoopportaal van Equity Partners: één statuswijziging werkt de site bij en bouwt alle 12 brochure-pdf's opnieuw, met automatische controles op gegevens, vertalingen en beeld voordat er iets live gaat.
Onder de motorkap
De onderdelen die het werk doen
01Woningzoeker en plattegronden
Filter alle 37 woningen op gebouw, slaapkamers, budget en beschikbaarheid, en open de plattegrond van de architect voor elke indeling om in te zoomen.
02Beschikbaarheid uit het portaal
Het verkoopteam reserveert een woning in het portaal van Equity Partners. Een paar minuten later zijn de site en alle 12 brochure-pdf's opnieuw gepubliceerd, zonder codewijziging.
03Brochure-automatisering
De brochure wordt gebouwd uit één HTML-sjabloon in zes talen, met en zonder logo, en elke nieuwe versie krijgt de datum van haar editie.
04Leads met hun bron
Contact- en brochure-aanvragen worden opgeslagen, naar het team gemaild en beantwoord in de taal van de bezoeker. Brochure-aanvragen leggen hun bron vast, zoals de QR-code op het bouwbord.
05Zes talen, gecontroleerd
Engels, Catalaans, Spaans, Frans, Nederlands en Duits. Automatische controles vangen een ontbrekende vertaling, woningcijfer of afbeelding af vóór een release.
06Parkeren, bergingen, seizoenen
Status van 76 parkeerplaatsen en 37 bergingen, een vergelijking tussen zomer en winter, en een kaart die pas laadt als je erop klikt.
Nagebouwd met voorbeelddata — geen echte klantgegevens.
Gebouwd met
- React 19
- Vite
- Tailwind
- Express
- Supabase
- Resend
- Playwright
- GitHub Actions
- Vercel
Visuals & 3D
Het 3D-werk achter de verkoop
Naast de website heb ik het model van de architect omgezet in een interactief 3D-gebouw en een 360°-rondleiding.
Live 3D-model
Het Rhino-model van de architect werd een webmodel van 7,8 MB met alle 37 woningen, nu live op ordinoprestige.com/explore.
Het gebouw uit elkaar
Elk gebouw schuift verdieping voor verdieping uit elkaar, en elke woning is aan te klikken.
360°-rondleiding
Zes kamers van woning A3.1 op de bovenste verdieping, met path tracing in Blender Cycles gerenderd als 360°-panorama's.
Lanceringsfilm
Een film van 13 seconden voor Meta, gemonteerd uit de renders.
Architectuur en stilstaande renders: DATA Arquitectes.
Tekke Visuals
Bekijk Ordino Prestige op mijn visuals-site
visuals.tekkevoorham.com ↗
Hoe het tot stand kwam
Van briefing tot live
Doorlooptijd: Aug – okt 2026
Aug – early Sep 2026
Strategie & planning
Project opgezet op 3 augustus, daarna de huisstijl, SEO-metadata en analytics die pas na toestemming draaien (GA4 en Meta Pixel).
Sep 2026
Ontwerp & bouw
Op 7 september ging de site van één pagina live, met prijslijst en koopvoorwaarden. Op 23 september werden alle woningen, plattegronden en teksten gelijkgetrokken met de brochure van de ontwikkelaar, en kwamen Frans en Nederlands erbij.
25 – 28 Sep 2026
Lancering & automatisering
Brochure-pop-up en e-mails in zes talen, Duits als zesde taal van de site en Lighthouse-toegankelijkheid op 100. Daarna het publiceren van de beschikbaarheid vanuit de sheet naar de site en alle 12 brochure-pdf's.
30 Sep – 1 Oct 2026
Doorlopende support
De beschikbaarheid verhuisde naar het verkoopportaal van Equity Partners: een statuswijziging daar publiceert de site en alle 12 brochures opnieuw, en de sheet is uitgefaseerd. Leads komen nu ook binnen in het gedeelde CRM van de groep.
Resultaten
Gemeten op de live site
- Geïndexeerde pagina's
- 30
- Talen
- 6
- Lighthouse-prestaties mobiel (lokale test)
- 78 → 84
- Eerste weergave op mobiel
- 2.0 → 1.5 s
- Lighthouse-toegankelijkheid op /en en /de
- 90 → 100
- JavaScript-entry, gecomprimeerd
- 164 → 110 KB
Gemeten met Google Lighthouse · Sep 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