Deweloper, u którego apartament wybierasz na wieży, nie w tabelce.
AURUM Residence - koncept microsite'u dewelopera premium. Zamiast PDF-a z rzutami: interaktywna wieża 3D na WebGPU pośrodku wrocławskiej dzielnicy (kamienice, starówka, Odra), w której klikasz piętro i widzisz dostępne apartamenty z cenami. Wchodzisz do recepcji 3D, gdzie wita Cię żywa hostessa AI - mówi, mruga i oddycha. Film "pinezki" wbija się w złotą mapę i wieża przebija papier. Dron FPV lata w kosmicznej grze o kod pierwszeństwa. Prezentację umawia agentka AI. Wszystkie wizualizacje wygenerowane lokalnie, zero stocków.

Wyzwanie
Sprzedaż apartamentu premium to decyzja na lata, a strony deweloperów wciąż wyglądają jak katalogi: siatka rzutów PDF, tabelka lokali, formularz na dziesięć pól. Klient premium chce poczuć adres - widok z piętra, światło o zmierzchu, skalę budynku - zanim zadzwoni.
Cel: strona, która zastępuje pierwszą wizytę w biurze sprzedaży. Ma pokazać inwestycję jak film, pozwolić samodzielnie przejrzeć dostępność mieszkanie po mieszkaniu i zamienić ciekawość w umówioną prezentację - bez tarcia.
Co zbudowałem
Jednoplikowy microsite inwestycji + gra 3D, spięte agentką AI - z technologiami z 2026 roku użytymi tam, gdzie realnie pomagają sprzedawać.
- Przelot kamery sterowany scrollem - wejście w sekcję wieży to kinowy lot: panorama miasta o zmierzchu → zbliżenie na złote żylety fasady → korona z logo → lądowanie w kadrze wyszukiwarki. Napisy rozdziałów jak w filmie.
- Interaktywna wieża 3D w żywym mieście - fotorealistyczny skan 3D wieży (18 pięter) pośrodku wrocławskiej dzielnicy: 25 unikalnych fasad kamienic, starówka z ratuszem, Odra z motorówkami, jeżdżące auta, spacerujący ludzie. Hover podświetla piętro, klik filtruje 90 apartamentów (status, metraż, cena); ulice mają pasy, zebry i latarnie świecące po zmroku.
- Recepcja 3D z żywą hostessą - wejście do panoramicznego lobby, gdzie za marmurową ladą stoi Aurelia: prawdziwe wideo z lip-syncem wycinane chroma-key w shaderze. Wita gościa głosem, a po skończonej kwestii nie zamiera - oddycha, mruga i uśmiecha się w bezszwowej pętli. Kamera delikatnie "oddycha" razem z nią.
- Film „Pinezka" w sekcji lokalizacji - realistyczna ręka wbija pinezkę w złotą kartograficzną mapę, papier się rozdziera i wieża AURUM wyrasta ze środka. Wygenerowany dwuklatkowo (start/koniec) i animowany AI; wtopiony w tło sekcji bez widocznej krawędzi.
- WebGPU + fallback - three.js WebGPURenderer w jednym self-hostowanym bundlu z watchdogiem samonaprawy; na starszych przeglądarkach automatycznie WebGL2, na najsłabszych - kinowy fallback wideo.
- Suwak pory dnia - słońce, niebo, okna kamienic i latarnie uliczne zmieniają się płynnie od dnia po noc; nawet napisy nad sceną dostosowują kolor do pory.
- Gra „AURUM Orbital" - kosmiczna trasa dronem FPV (model 5-calowego quada, karbon i złoto) przez 12 kwadratowych neonowych bramek wokół wieży na lewitującej wyspie: mgławica, Droga Mleczna, spadające meteory jako przeszkody. Zielona linia prowadzi trasę, dron leci sam - sterujesz celownikiem (mysz/kciuk/pad). Meta odblokowuje kod AURUM-VIP.
- Agentka AI Aurelia (czat) - zna typy lokali, ceny za m², harmonogram i udogodnienia; prowadzi rozmowę, kwalifikuje leada i umawia prezentację (backend na Cloudflare Pages Functions z limitem zapytań).
- AURUM Pulse (demo) - autorski cockpit sprzedaży dla dewelopera: heatmapa popytu per piętro, strumień intencji z bliźniaka 3D (w tym własne interakcje odwiedzającego), scoring leadów i sygnały cenowe. Warstwa, której nie ma żaden CRM na rynku.
- View Transitions + scroll-driven animations - płynne przejścia lightboxa galerii i wejścia sekcji natywnymi API przeglądarki (z fallbackami).




Rzemiosło i jakość
Strona wdraża od pierwszego dnia wnioski z audytu wcześniejszych realizacji - technologia ma sprzedawać, nie tylko błyszczeć:
- SEO + GEO od zera - widoczne FAQ 1:1 ze znacznikami FAQPage, schema Organization i ApartmentComplex z cenami, treść pisana pod cytowalność w wyszukiwarkach AI.
- RODO na serio - fonty self-hosted (zero requestów do Google), nota prywatności wymienia odbiorców danych (w tym API AI) i okres retencji, brak cookies i analityki.
- Wydajność - render 3D tylko gdy sekcja jest w kadrze i karta aktywna (naprawiony wzorzec z poprzednich realizacji), DPR cap i mniejsza scena na mobile, obrazy lazy.
- Dostępność - pełny prefers-reduced-motion, sterowanie klawiaturą w galerii i grze, aria-live przy liczniku lokali.
- Odporność - obsługa utraty kontekstu GPU (komunikat zamiast czarnego ekranu), miękki rate-limit API agentki po stronie serwera.
- Zero kosztów assetów - wizualizacje (FLUX) wygenerowane lokalnie na własnym GPU.
Efekt
Microsite, który robi robotę biura sprzedaży: klient ogląda wieżę jak makietę, sam znajduje wolny apartament na swoim piętrze, sprawdza widok o zmierzchu, poznaje żywą hostessę w recepcji, lata dronem w kosmosie - i wychodzi z umówioną prezentacją oraz kodem pierwszeństwa. Deweloper dostaje kwalifikowane leady zamiast pustych odsłon.
Twoja inwestycja zasługuje na to samo.
Projektuję i koduję takie strony osobiście - od modelu 3D budynku po agenta AI i wdrożenie. Napisz dwa zdania o projekcie, odezwę się z pomysłem i wyceną.