Zgłoszenie techniczne
Krótki opis:
Wymagana jest strona docelowa dla agenta nieruchomości. Główną cechą strony internetowej jest model hologramu 3D stworzony za pomocą fotogrametrii, połączony z interfejsem AI (ChatGPT z panelem użytkownika) i zintegrowany z CRM Zoho One.
Wymagane informacje:
Harmonogramy i wymagane finansowanie nie mogą odbiegać o więcej niż 7% od proponowanej wyceny. Należy kłaść nacisk na jakość, a nie na szybkość realizacji.
Specyfikacja techniczna:
1. Minimalistyczny, elegancki design
• Czysta paleta kolorów (1 kolor akcentowy + monochromatyczny) z kontrastem WCAG AA.
• 12-kolumnowa siatka CSS z odstępami 4/8/16 px.
• Typografia: Inter dla tekstu i Playfair Display dla nagłówków.
• Strategiczna przestrzeń biała podkreślająca awatar 3D.
• Mikroanimacje przy użyciu CSS transform/GSAP (<150 KB krytycznego JS).
• Optymalizacja ładowania: Krytyczna ścieżka renderowania < 5s na 4G (LTE) lub 4.5s na 5G. LCP (Największy element zawartości) < 2.5s zgodnie z Google Core Web Vitals jest obowiązkowe. Wykorzystaj HTTP/2, kompresję Brotli, leniwe ładowanie ciężkich zasobów (IntersectionObserver) oraz wstępne renderowanie z Next.js ISR.
• Core Web Vitals ≥ 90; budżet JavaScript ≤ 250 KB, CLS (Cumulative Layout Shift) < 0.1.
2. Model hologramu 3D zintegrowany z GPT
• Postać oparta na skanowaniu fotogrametrycznym rzeczywistego agenta nieruchomości, przetworzona za pomocą Metahuman Retarget.
• Model master o wysokiej liczbie wielokątów (100–150k tris) zoptymalizowany do LOD 0 (<30k tris) z kompresją DRACO-GLB < 3MB, aby zapobiec opóźnieniom w przeglądarkach.
• Oddzielna warstwa/szkielet o wysokiej liczbie wielokątów eksportowana w formacie .FBX do offline'owego renderowania filmów promocyjnych, zachowując spójną topologię.
• Shader „Hologram” (GLSL): efekt Fresnela + linie skanowania + rozmycie szumów, z wyzwalaczem 0.5s.
• Synchronizacja ruchu warg przy użyciu wizemów, kompatybilna z ElevenLabs-TTS do strumieniowania w czasie rzeczywistym; animacje bezczynności, mowy, gestów.
• Stos dialogowy: WebWidget → GPT-4o → ElevenLabs → D-ID/HeyGen Live.
• Ustalone pytania (wiele scenariuszy do zdefiniowania później); GPT generuje zmienne odpowiedzi, webhook CRM → Zoho One.
• Przycisk „Połącz z agentem” lub „Wyślij zapytanie” inicjujący przesyłanie formularzy (przygotowane formularze z Zoho) lub czat/kalendarium SalesIQ.
3. Struktura strony internetowej i dystrybucja treści
• Strona główna jako główny lejek. Awatar 3D zajmuje ≤55% widoku (siatka CSS: 7/12 kolumn), pozostawiając miejsce na USP (Unikalna Propozycja Sprzedaży), CTA (Call to Action) i dynamiczny blok ogłoszeń, zintegrowany z Zoho.
• Sekcja 'Nieruchomości': suwak z 3 aktywnymi ogłoszeniami (API Zoho CRM → odświeżanie Next.js ISR co 60 sekund).
• Podstawowa nawigacja i Next.js AppRouter dla łatwej rozbudowy strony bez większych przeróbek.
Potencjalne dodatki:
• Sekcja 'Zalety firmy' – 3 ikony + zwięzłe punkty.
• Sekcja 'Referencje' z leniwie ładowaną galerią WebP.
• Stopka zawierająca politykę, kontakty i linki do mediów społecznościowych.
• Dodatkowe strony szablonów: /listings/[id] (szczegóły nieruchomości) i /privacy.