Skip to content

Real estate

Ordino Prestige

Sales site for 37 homes in three buildings in Ordino, in six languages, with availability that flows from the sales portal to the site and every brochure.

Client
POB Ordino
Duration
Aug – Oct 2026
Role
Design and development
Homes
37
Buildings
3
Languages
6

The brief

POB Ordino is a development of 37 homes in three buildings (Aire, Brisa and Calma) in Ordino, Andorra, designed by DATA Arquitectes. Buyers come from all over Europe and need to compare homes, availability and prices before they ever visit.

The challenge

Availability changes during pre-sales, and it lived in three places: the sales team's spreadsheet, the website's code and twelve brochure PDFs, in six languages with a branded and an agency edition each. Every reservation meant a code change and a new set of PDFs, and an out-of-date brochure could still offer a home that was already reserved. On top of that, every area and price on the site had to match the developer's brochure exactly.

What I built

A one-page sales site in six languages, built around the product: a building viewer, a layout explorer with the architect's floor plans, a unit finder for all 37 homes, and schedules for parking and storage. Brochure and contact requests are saved as leads and answered by email in the buyer's language. Availability is published from the Equity Partners sales portal: one status change updates the site and rebuilds all 12 brochure PDFs, with automated checks on data, translations and media before anything goes live.

Inside the build

The parts that do the work

01Unit finder and plan explorer

Filter all 37 homes by building, bedrooms, budget and availability, then open the architect's floor plan for any layout and zoom in.

02Availability from the portal

The sales team reserves a home in the Equity Partners portal. Minutes later the site and all 12 brochure PDFs are republished, with no code change.

03Brochure automation

The brochure is built from one HTML template in six languages, in a branded and an agency edition, and every rebuild is stamped with its edition date.

04Leads with their source

Contact and brochure requests are saved, emailed to the team and answered in the visitor's language. Brochure requests record their source, such as the QR code on the site sign.

05Six languages, checked

English, Catalan, Spanish, French, Dutch and German. Automated checks catch a missing translation, unit figure or image before a release.

06Parking, storage and seasons

Status of 76 parking spaces and 37 storage rooms, a summer and winter comparison slider, and a map that loads on click.

Recreated with demo data — no real client information.

Built with

  • React 19
  • Vite
  • Tailwind
  • Express
  • Supabase
  • Resend
  • Playwright
  • GitHub Actions
  • Vercel

Visuals & 3D

The 3D behind the sales

Beyond the website, I turned the architect's model into an interactive 3D building and a 360° walkthrough.

  • Live 3D model

    The architect's Rhino model became a 7.8 MB web model with all 37 homes, now live on ordinoprestige.com/explore.

  • Take the building apart

    Each building lifts apart floor by floor, and any home can be picked out.

  • 360° walkthrough

    Six rooms of top-floor home A3.1, path-traced in Blender Cycles as 360° panoramas.

  • Launch film

    A 13-second film for Meta, cut from the renders.

Architecture and still renders: DATA Arquitectes.

Ordino Prestige's three buildings, Calma, Brisa and Aire, in the interactive 3D site view.

Tekke Visuals

See Ordino Prestige on my visuals site

visuals.tekkevoorham.com ↗

How it came together

From brief to live

Duration: Aug – Oct 2026

  1. Aug – early Sep 2026

    Strategy & planning

    Project set up on 3 August, then branding, SEO metadata and analytics that only run after consent (GA4 and Meta Pixel).

  2. Sep 2026

    Design & build

    On 7 September the one-page site shipped with the price list and purchase terms. On 23 September every home, plan and text was reconciled with the developer's brochure, and French and Dutch were added.

  3. 25 – 28 Sep 2026

    Launch & automate

    Brochure pop-up and emails in six languages, German as the sixth site language and Lighthouse accessibility at 100. Then availability publishing from the sheet to the site and all 12 brochure PDFs.

  4. 30 Sep – 1 Oct 2026

    Ongoing support

    Availability moved into the Equity Partners sales portal: a status change there republishes the site and all 12 brochures, and the sheet was retired. Leads now also land in the group's shared CRM.

Results

Measured on the live site

100Speed (desktop)
100SEO
100Best practices
Indexed pages
30
Languages
6
Lighthouse mobile performance (local test)
78 → 84
First paint on mobile
2.0 → 1.5 s
Lighthouse accessibility on /en and /de
90 → 100
JavaScript entry, gzipped
164 → 110 KB

Measured with Google Lighthouse · Sep 2026 · other figures from the project’s build and records

Next step

Want something like this?

Tell me about your project — a first take within one working day, and a fixed price in writing before anything starts.

Step by step · from first call to launch

Have a project in mind? Let's build it.

Tell me what you sell and what you need. I reply within one working day with next steps — or an honest “this isn’t for me”.

LinkedIn ↗
What are you looking for?

Next project

Blip

View project