A developer where you pick your apartment on the tower, not in a table.
AURUM Residence is a concept microsite for a premium developer. Instead of a PDF of floor plans: an interactive 3D tower on WebGPU in the middle of a Wrocław district (tenement houses, the old town, the Oder river), where you click a floor and see the available apartments with prices. You step into a 3D reception where a live AI hostess greets you - she talks, blinks and breathes. A "pin" film drives into a golden map and the tower breaks through the paper. An FPV drone flies a space game for a priority code. An AI agent books the presentation. All visuals generated locally, zero stock.
The challenge
Buying a premium apartment is a decision for years, yet developer websites still look like catalogues: a grid of PDF floor plans, a table of units, a form with ten fields. A premium buyer wants to feel the address - the view from the floor, the light at dusk, the scale of the building - before they pick up the phone.
The goal: a site that replaces the first visit to the sales office. It has to show the development like a film, let people browse availability apartment by apartment on their own, and turn curiosity into a booked presentation - without friction.
What I built
A single-file development microsite plus a 3D game, tied together by an AI agent - with 2026 technology used where it genuinely helps to sell.
- A scroll-driven camera flight - entering the tower section is a cinematic flight: a city panorama at dusk, a close-up of the golden fins on the facade, the crown with the logo, and a landing in the frame of the apartment finder. Chapter titles like in a film.
- An interactive 3D tower in a living city - a photorealistic 3D scan of the tower (18 floors) in the middle of a Wrocław district: 25 unique tenement facades, the old town with its town hall, the Oder with motorboats, moving cars, people walking. Hover highlights a floor, a click filters 90 apartments (status, size, price); the streets have lanes, zebra crossings and street lamps that glow after dark.
- A 3D reception with a live hostess - you enter a panoramic lobby where Aurelia stands behind a marble counter: real lip-synced video keyed out with chroma key in a shader. She greets the guest by voice, and after her line she does not freeze - she breathes, blinks and smiles in a loop with no visible cut. The camera gently "breathes" with her.
- The "Pin" film in the location section - a realistic hand pushes a pin into a golden cartographic map, the paper tears and the AURUM tower rises from the middle. Generated as two frames (start and end) and animated with AI; blended into the section background with no visible edge.
- WebGPU + fallback - three.js WebGPURenderer in a single self-hosted bundle with a self-healing watchdog; older browsers automatically get WebGL2, the weakest get a cinematic video fallback.
- Time-of-day slider - the sun, sky, tenement windows and street lamps shift smoothly from day to night; even the captions above the scene adapt their colour to the time.
- The "AURUM Orbital" game - a space course for an FPV drone (a model of a 5-inch quad, carbon and gold) through 12 square neon gates around the tower on a levitating island: a nebula, the Milky Way, falling meteors as obstacles. A green line guides the route, the drone flies itself and you steer the crosshair (mouse, thumb or gamepad). The finish line unlocks the code AURUM-VIP.
- The AI agent Aurelia (chat) - knows the unit types, prices per m², the schedule and the amenities; leads the conversation, qualifies the lead and books a presentation (backend on Cloudflare Pages Functions with a rate limit).
- AURUM Pulse (demo) - a custom sales cockpit for the developer: a demand heatmap per floor, an intent stream from the 3D twin (including the visitor's own interactions), lead scoring and price signals. A layer no CRM on the market offers.
- View Transitions + scroll-driven animations - smooth gallery lightbox transitions and section entrances using native browser APIs (with fallbacks).
Craft and quality
From day one the site applies the lessons from auditing earlier builds - the technology has to sell, not just shine:
- SEO + GEO from scratch - a visible FAQ matched 1:1 with FAQPage markup, Organization and ApartmentComplex schema with prices, copy written to be quotable by AI search engines.
- GDPR taken seriously - self-hosted fonts (zero requests to Google), a privacy note that lists the data recipients (including the AI API) and the retention period, no cookies and no analytics.
- Performance - 3D renders only while the section is in view and the tab is active (a fixed pattern from earlier builds), a DPR cap and a smaller scene on mobile, lazy images.
- Accessibility - full prefers-reduced-motion, keyboard control in the gallery and the game, aria-live on the unit counter.
- Resilience - GPU context loss is handled (a message instead of a black screen), plus a soft server-side rate limit on the agent's API.
- Zero asset costs - visuals (FLUX) generated locally on my own GPU.
The result
A microsite that does the work of a sales office: the buyer views the tower like an architectural model, finds a free apartment on their floor, checks the view at dusk, meets the live hostess in the reception, flies a drone in space - and leaves with a booked presentation and a priority code. The developer gets qualified leads instead of empty page views.
Your development deserves the same.
I design and code sites like this personally - from the 3D model of the building to the AI agent and the launch. Tell me about your project in two sentences and I will come back with an idea and a quote.