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 (apartment finder) - proceduralny model 18-piętrowej wieży; hover podświetla piętro, klik filtruje listę 90 apartamentów (status, metraż, cena), a filtr pokoi zawęża wybór. Szklany panel wyników nad pełnoekranową sceną.
- WebGPU + fallback - three.js WebGPURenderer: na nowych przeglądarkach scena renderuje się nowym API GPU, na starszych automatycznie po WebGL2. Zero osobnych wersji strony.
- Suwak pory dnia - słońce, niebo i oświetlenie okien zmieniają się płynnie od południa po noc; klient widzi, jak inwestycja świeci po zmroku.
- Gra „Lot dronem" - oblatujesz wieżę dronem przez 12 złotych pierścieni w 90 s; ukończenie odblokowuje kod AURUM-VIP (pierwszeństwo rezerwacji), rejestrowany u agentki AI.
- Agentka AI Aurelia - 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, bawi się dronem - 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ą.