NOVA Estate

01 · Cel i odbiorcy

Grupa docelowa: Biura nieruchomości, deweloperzy i agenci premium.

Cel strony: przeprowadzenie użytkownika od inspiracji do jasnego działania: Zobacz oferty. Projekt pokazuje kierunek wizualny oraz zakres realizacji, a nie obietnicę gotowego systemu.

02 · Architektura informacji

• 01 — Strona główna
• 02 — Lista nieruchomości
• 03 — Karta nieruchomości
• 04 — Dla sprzedających
• 05 — O agencji
• 06 — Poradniki
• 07 — Kontakt

03 · Funkcje i interakcje

• Filtrowanie według lokalizacji, ceny i metrażu
• Karty ofert z galerią zdjęć i parametrami
• Mapa i zapytanie o oględziny
• CRM / zapis leadów
• Wyróżnione nieruchomości i podobne oferty

04 · Struktura danych Wix

• Properties: title,slug,price,currency,location,area,rooms,features,images,status,agentId
• Agents: name,slug,avatar,phone,email,bio
• Enquiries: propertyId,name,email,message,consent,timestamp

Wymagane odpowiednie uprawnienia odczytu/zapisu oraz walidacja po stronie backendu. Dane osobowe należy przechowywać zgodnie z polityką retencji i uzasadnioną podstawą przetwarzania.

05 · Design system

Typografia: Manrope — nagłówki; DM Sans — teksty i formularze. Używać skalowalnej typografii clamp(), modularnego rytmu odstępów oraz tokenów kolorystycznych.

06 · Responsywność

Desktop: od 1200 px — układy 12-kolumnowe, nawigacja pozioma, wielokolumnowe sekcje. Tablet: 768–1199 px — sekcje dwukolumnowe, uproszczona nawigacja i obrazy dopasowane proporcjonalnie. Mobile: 320–767 px — pojedyncza kolumna, menu dostępne klawiaturą, CTA w zasięgu kciuka, obrazy srcset i sizes.

07 · SEO i dostępność

• Frazy wejściowe do strategii: nieruchomości premium, strona biura nieruchomości, projekt portalu nieruchomości
• Każda ważna usługa i podstrona ma własny title, meta description, nagłówek H1 i adres kanoniczny.
• Wdrożyć breadcrumb, sitemapy, Open Graph i schema.org wyłącznie zgodne z rzeczywistą zawartością.
• Hierarchia nagłówków, ALT dla zdjęć, widoczny focus, obsługa klawiatury, czytelne etykiety pól.
• Cel: WCAG 2.2 AA; testy Core Web Vitals i wydajności na urządzeniach mobilnych.

08 · Implementacja Wix Headless

• Frontend komponentowy (Astro/React albo czysty HTML/CSS/JS) zgodnie z wymaganiami projektu.
• Dane dynamiczne przez Wix CMS, właściwe moduły biznesowe Wix i autoryzowany backend.
• Formularze przez Wix Forms, bez zapisywania sekretów w kodzie klienta.
• Media w Wix Media; optymalizacja formatów WebP/AVIF i polityka cache.
• Utworzyć staging, kontrolę wersji, migracje danych i procedurę wycofania wdrożenia.
• Dodać politykę prywatności, cookies i regulamin dostosowane do rzeczywistej działalności; przegląd prawny przed publikacją.

09 · Materiały potrzebne od klienta

• Logo w wersji wektorowej i księga znaku (jeżeli istnieje).
• Autentyczne fotografie i prawa do ich publikacji, opisy usług, cennik i teksty oferty.
• Dane firmowe, kontakt, obszary świadczenia usług, polityka prywatności.
• Dostępy właścicielskie do Wix, domeny, analityki i wybranych integracji.
• Potwierdzenie zakresu MVP, terminów, budżetu, języków i sposobu edycji.

10 · Kryteria odbioru

• Zgodność z zatwierdzoną makietą i siatką komponentów na trzech klasach urządzeń.
• Poprawne działanie nawigacji, CTA, formularzy i wszystkich krytycznych ścieżek.
• Brak błędów JavaScript w testowanych przeglądarkach; podstawowe testy funkcjonalne.
• Poprawna indeksowalność i brak niezamierzonego noindex na produkcji.
• Widoczna i przetestowana zgoda na przetwarzanie danych, walidacja formularzy i potwierdzona dostawa powiadomień.
• Instrukcja edycji w Wix i przekazanie plików źródłowych oraz konfiguracji.