Vastgoed
Nanta Alta
Verkoopsite voor 25 bergvilla's in Els Cortals d'Encamp, gebouwd rond een interactief masterplan.
- Doorlooptijd
- mei – sep 2026
- Rol
- Ontwerp en ontwikkeling
- Villa's
- 25
- Talen
- 6
De vraag
Nanta Alta is een project van 25 bergvilla's in Els Cortals d'Encamp. Het verkoopteam wilde een site die het masterplan, de typologieën en de cijfers makkelijk te begrijpen maakt op een telefoon, in de taal van de koper.
De uitdaging
De site moet een aankoop van zeven cijfers dragen op een telefoonscherm, in zes talen: masterplan, plattegronden, prijzen en beschikbaarheid moesten op dat formaat leesbaar blijven. En elke brochureaanvraag moest de koper in zijn eigen taal bereiken en het verkoopteam met genoeg context om op te volgen, ook als een e-mail mislukte.
Wat ik bouwde
De site draait om een interactief masterplan: kies een kavel, bekijk de typologie, open de plattegronden en de prijslijst. Elke brochureknop stuurt de koper een e-mail in de huisstijl en in zijn eigen taal, en waarschuwt het verkoopteam, met een kopie in de leadsheet. Gidsen over financiering, residentie en kopen in Andorra beantwoorden de vragen die daarna meestal komen.
Onder de motorkap
De onderdelen die het werk doen
01Masterplan en plattegronden
Een gelaagd situatieplan met een kleur per villatype. Plattegronden groeien uit hun miniatuur en zoomen in met knijpen, slepen en dubbeltikken.
02Prijslijst met Early Bird
Standaard- en Early Bird-prijzen voor fase 1, beschikbaarheid per villa en hoeveel Early Bird-plekken er nog zijn.
03Brochure in zes talen
Eén formulier achter elke brochureknop. De koper krijgt een e-mail in de huisstijl in zijn taal; een tweede aanvraag binnen 10 minuten gaat er niet opnieuw uit.
04Leads en meldingen
Elke aanvraag wordt eerst opgeslagen. Het verkoopteam ziet wie het vroeg, in welke taal, via welke knop en of de e-mail is verstuurd.
05Tracking met toestemming
De Meta Pixel laadt pas na toestemming voor marketing, en brochureaanvragen tellen als leads voor de advertenties. Vercel Web Analytics is cookieloos.
06Zes talen, vooraf gerenderd
Engels, Spaans, Catalaans, Frans, Nederlands en Duits, elk bij het bouwen naar HTML gerenderd met hreflang, zodat zoekmachines en linkvoorbeelden echte inhoud zien.
Nagebouwd met voorbeelddata — geen echte klantgegevens.
Gebouwd met
- React 19
- Tailwind
- Express SSR
- Motion
- Supabase
- Resend
- Vercel
Visuals & 3D
Het 3D-werk achter de verkoop
Naast de website heb ik de villa's in 3D nagebouwd voor de verkoopfilms en advertenties.
Villa 01A in 3D
De villa van 315 m² met drie verdiepingen, in Blender nagebouwd uit de plattegronden van de architect, elke muur, vloer en trap op maat.
Van plattegrond naar model
De plattegronden komen los van het papier en de drie verdiepingen schuiven uit elkaar, in één doorlopende camerabeweging.
Lanceringsfilms
Een villafilm en een blueprintfilm voor Meta, elk in 4:5, 9:16 en 16:9.
Op de verkoopsite
Hetzelfde model is te verkennen op nantaalta.com.
Architectuur en stilstaande renders: DATA Arquitectes.
Tekke Visuals
Bekijk Nanta Alta op mijn visuals-site
visuals.tekkevoorham.com ↗
Hoe het tot stand kwam
Van briefing tot live
Doorlooptijd: mei – sep 2026
May 2026
Strategie & planning
De briefing van de ontwikkelaar bepaalde de volgorde van de pagina: overzicht, Encamp, visie, plattegronden met maten, prijslijst, financiering, residentie en videogesprekken.
May – Sep 2026
Ontwerp & bouw
Eerste versie live op 18 mei in zes talen. In september opnieuw opgebouwd: nieuwe renders, vooraf gerenderde pagina's, plattegronden die ter plekke inzoomen en beschikbaarheid per villa.
Sep 2026
Lancering & automatisering
Brochureaanvragen geautomatiseerd: een e-mail in de huisstijl in de taal van de koper, een melding aan het verkoopteam met het verzendresultaat en een optionele kopie in de leadsheet.
Jul – Sep 2026
Doorlopende support
Contactformulier naar het verkoopteam, Meta Pixel alleen na toestemming, cookieloze Vercel Analytics, en elke opgeslagen lead ook doorgestuurd naar het CRM van Equity Partners.
Resultaten
Gemeten op de live site
- aanvragen via de website, jul–sep 2026
- 20
- Geïndexeerde pagina's
- 24
- Talen
- 6
- talen waarin de brochuremail is geschreven, afgestemd op de pagina die de koper las
- 6
- periode waarin een tweede aanvraag van hetzelfde adres niet opnieuw wordt gemaild (een mislukte verzending mag wel opnieuw)
- 10 min
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