LUXOR 9

Pre-launch

Real screens from the build, before launch

A sales site where buyers pick a building from the sky, then a floor and an apartment, and step inside in 360°.

Book a call about a similar project Send a brief

LUXOR 9: the site’s homepage with a cinematic render and the 3 · 134 · 9/8 counters — FIG. 01 — LUXOR 9 · Real estate

Client: Luxury Living
Industry: Real estate
Status: Pre-launch
What we built: Website · Web app
Stack: React · TypeScript · Three.js · MapLibre · Supabase · Blender
Services: UI/UX design · Development · 3D & 360° tours · AI visuals · Availability sync

FIG. 02 — Anatomy

Brief

Let buyers explore their apartment online before they visit the sales office.

A — Interface: Film, a building picker from the sky, mobile-first
B — Logic: Building → floor → apartment → 360° tour
C — Data: Hourly availability from the sales sheet

Approach

01Challenge
Buyers want to understand their apartment (building, floor, layout and view) before they come to the office. The brief was to let them see it online, clearly and beautifully, on any screen.
02Approach
We started with the architect’s black-and-white drawings and six visualisations of the building. We added a film, furnished plans, six 3D scenes in Blender and 40 panoramic rooms, and joined them in a site where every unit is picked on the plan.
03Result
All 134 apartments have a 360° tour. The underground level is interactive on top of the architect’s original drawing, availability comes from the sales sheet, and enquiries reach the team as a ready email.

Highlights

013 buildings · 134 apartments · up to 9 floors
02From black-and-white drawings and 6 visualisations to a full interactive complex
03A 360° tour for every apartment: 6 layouts, 40 rooms
04Availability from the sales sheet, every hour

Skip the chapters ↓

How it’s built

CH. 01—06

Chapters

A sales site for the LUXOR 9 residential complex in Plovdiv: three buildings, 134 apartments, garages, shops and a shared underground level. Every apartment opens a 360° tour of its layout, and availability updates itself from the sales team’s spreadsheet.

01From drawings to 134 apartments
02The building from the inside
03An underground level where every space is selectable
04Step inside the apartment
05Same camera, livelier interiors
06Everything a buyer looks for, in one place

CH. 01 / 06 — Visualisation & 3D

From drawings to 134 apartments

All we had were the architect’s black-and-white drawings and six visualisations of the building. We created everything else: the intro film, the interactive floor plans, the 3D scenes, the 360° panoramas and the software that joins them.

The starting material: the architect’s black-and-white drawings — the facades of the three buildings, the site plan and the floor layouts.

Facades · site plan · floor plans

PL. 01 — Black-and-white drawings

01
Black-and-white drawings
The starting material: the architect’s black-and-white drawings — the facades of the three buildings, the site plan and the floor layouts.
- Facades · site plan · floor plans
1. 01 / 02
2. 02 / 02
02
Six visualisations of the complex
The only other input: six exterior visualisations of the complex. Nothing more.
- Visualisations, not photos
03
A 10-second intro film
The camera rises through the trees to the facade and reveals the whole complex. We generated the film ourselves.
- 1080p · 10 s · silent loop
04
Six 3D scenes in Blender
One furnished scene per layout and a panoramic camera in every room: 40 rooms cover all 134 apartments.
- 6 layouts
- 40 rooms
05
The invisible engineering
We repaired overlapping 3D surfaces and verified the fixes with hundreds of thousands of ray checks before any panorama reached the site.
Quality check
Surface groups repaired
120
Ray checks
784,080
Images in the tours
400 · ~20.5 MB
Every panorama SHA-256 fingerprinted
06
A 360° tour for every apartment
Each of the 134 apartments opens a tour of its layout, with its own number in the title. Only what is visible loads.
- 134 bindings, all tested

01
Black-and-white drawings
The starting material: the architect’s black-and-white drawings — the facades of the three buildings, the site plan and the floor layouts.
- Facades · site plan · floor plans
1. 01 / 02
2. 02 / 02
02
Six visualisations of the complex
The only other input: six exterior visualisations of the complex. Nothing more.
- Visualisations, not photos
03
A 10-second intro film
The camera rises through the trees to the facade and reveals the whole complex. We generated the film ourselves.
- 1080p · 10 s · silent loop
04
Six 3D scenes in Blender
One furnished scene per layout and a panoramic camera in every room: 40 rooms cover all 134 apartments.
- 6 layouts
- 40 rooms
05
The invisible engineering
We repaired overlapping 3D surfaces and verified the fixes with hundreds of thousands of ray checks before any panorama reached the site.
Quality check
Surface groups repaired
120
Ray checks
784,080
Images in the tours
400 · ~20.5 MB
Every panorama SHA-256 fingerprinted
06
A 360° tour for every apartment
Each of the 134 apartments opens a tour of its layout, with its own number in the title. Only what is visible loads.
- 134 bindings, all tested

CH. 02 / 06 — The buyer’s path

The building from the inside

Buyers pick a building on an aerial visualisation, then a floor and an apartment on a furnished plan. Every unit is one tap away.

Aerial view

Three buildings and the shared underground level on one visualisation.

A · B · C
−1 underground level

PL. 01 — Aerial view

01 / 07 — Aerial view
Three buildings and the shared underground level on one visualisation.
- A · B · C
- −1 underground level
02 / 07 — Building A
The chosen building lights up; the rest of the scene dims. A and B: 46 apartments each on 9 floors; C: 42 on 8.
- 134 apartments
- 3 buildings
03 / 07 — Ground floor
Six garages and four shops, each selectable.
- 6 garages
- 4 shops
04 / 07 — Architect’s drawing
Architect’s drawing → interactive floor. From this CAD plan we created the furnished typical floor where buyers pick an apartment.
- Building A · floors 3–8
- CAD drawing
05 / 07 — Typical floor
Six apartments per floor; the chosen one lights up on the furnished plan.
- Floors 2–8
- 6 apartments
06 / 07 — Top floor
Four apartments on the ninth floor, A43–A46.
- Floor 9
- 4 apartments
07 / 07 — Apartment
A furnished 3D plan, room areas and the architect’s PDF with the apartment outlined.
- 3D plan
- A PDF for every apartment

01 / 07 — Aerial view
Three buildings and the shared underground level on one visualisation.
- A · B · C
- −1 underground level
02 / 07 — Building A
The chosen building lights up; the rest of the scene dims. A and B: 46 apartments each on 9 floors; C: 42 on 8.
- 134 apartments
- 3 buildings
03 / 07 — Ground floor
Six garages and four shops, each selectable.
- 6 garages
- 4 shops
04 / 07 — Architect’s drawing
Architect’s drawing → interactive floor. From this CAD plan we created the furnished typical floor where buyers pick an apartment.
- Building A · floors 3–8
- CAD drawing
05 / 07 — Typical floor
Six apartments per floor; the chosen one lights up on the furnished plan.
- Floors 2–8
- 6 apartments
06 / 07 — Top floor
Four apartments on the ninth floor, A43–A46.
- Floor 9
- 4 apartments
07 / 07 — Apartment
A furnished 3D plan, room areas and the architect’s PDF with the apartment outlined.
- 3D plan
- A PDF for every apartment

CH. 03 / 06 — Underground level

An underground level where every space is selectable

The architect’s CAD drawing stays untouched, with an interactive layer on top: 48 parking spaces, 18 garages and 12 storage rooms, each with its own enquiry.

PL. 01 — Underground levelBefore · CAD drawing / After · Interactive layer

48
parking spaces
18
garages
12
storage rooms

The architect’s CAD drawing of the shared underground level

The same drawing as an interactive layer: 48 parking spaces, 18 garages, 12 storage rooms (pixel-aligned with the CAD frame)

PL. 01 — Underground levelBefore · CAD drawing / After · Interactive layer

48
parking spaces
18
garages
12
storage rooms

3D render of one building’s underground level: six garages and the shop storage rooms

48
parking spaces
18
garages
12
storage rooms

CH. 04 / 06 — 360° tours

Step inside the apartment

White rings lead to the next room, and the strip below shows every room. Here: the full panorama of the A4 living room, unrolled.

Living room

PL. 01 — 360° tour

Same camera, livelier interiors

All 40 rooms were finished with AI over the original Blender renders. Each room’s layout and viewpoint stay the same; the interiors are visualisations.

Before: Blender render
After: AI-finished

Before and after: drag or use the arrow keys

PL. 01 — TerraceBefore · Blender render / After · AI-finished

Before: Blender render
After: AI-finished

Before and after: drag or use the arrow keys

Terrace viewpoint before the AI finish: the original Blender render

Terrace viewpoint after the AI finish, same camera and framing

PL. 01 — TerraceBefore · Blender render / After · AI-finished

A1 living room before the AI finish: the original Blender render — Before · Blender render

A1 living room after the AI finish, same camera and framing — After · AI-finished

PL. 01 — TerraceBefore · Blender render / After · AI-finished

CH. 06 / 06 — In numbers

Everything a buyer looks for, in one place

Availability comes from the sales team’s spreadsheet every hour, between 07:00 and 20:00. The site never shows a unit as available unless the data confirms it.