Lumea Estates — Premium Real Estate Platform

Dedykowany ekosystem WordPress dla agencji nieruchomości luksusowych.

Tech Stack: WordPress, PHP, ACF, Vanilla JS, SCSS (BEM), HTML5.
Lumea - motyw dla agencji nieruchomości

Wyzwanie

Celem projektu było stworzenie serwisu, który wizualnie oddaje prestiż marki premium, a technologicznie wyprzedza konkurencję opartą na gotowych, powolnych szablonach. Kluczowe wymagania obejmowały:

  • Zero „Bloatware”: Eliminacja długu technologicznego poprzez rezygnację z gotowych motywów i wtyczek typu Elementor czy Divi.

  • Wydajność: Osiągnięcie błyskawicznego czasu ładowania (LCP < 1.2s) przy dużej ilości wysokiej jakości zdjęć.

  • Custom Search: Stworzenie precyzyjnego systemu filtrowania (Lokalizacja, Typ, Cena), który działa natychmiastowo.

  • Accessibility: Dostosowanie formularzy i nawigacji do standardów WCAG (dostępność cyfrowa).

Rozwiązanie

Projekt powstał w oparciu o autorską architekturę „Separation of Concerns”, oddzielającą logikę biznesową od warstwy wizualnej.

  • Lumea Core Plugin: Logika CPT (Nieruchomości, Agenci), taksonomie i pola ACF zostały wydzielone do dedykowanej wtyczki, gwarantując bezpieczeństwo danych niezależnie od motywu.

  • Native Filtering: Zamiast zewnętrznych wtyczek wyszukiwania, wykorzystano hook pre_get_posts modyfikujący natywne zapytanie SQL WordPressa, co jest najwydajniejszym możliwym rozwiązaniem.

  • Vanilla JS: Interaktywne elementy (Lightbox, Slider, Filtry) napisano w czystym JavaScript (ES6+), redukując wagę skryptów o 80% względem jQuery.

  • ACF jako CMS: Zbudowano elastyczny panel edycji, dający klientowi pełną kontrolę nad treściami przy zachowaniu sztywnej struktury kodu.

Kluczowe Funkcje

Inteligentne filtry

Autorski system "Faceted Search", który wykrywa kontekst strony. Jeśli użytkownik przegląda kategorię "Wynajem", filtry automatycznie dostosowują się do tego wyboru.

Architektura danych (CPT)

Złożony system relacji między postami. Nieruchomości są automatycznie powiązane z Agentami, co pozwala na dynamiczne generowanie wizytówek kontaktowych na stronie oferty.

Performance first

Semantyczny HTML5, natywne lazy-loading obrazów i CSS Grid. Serwis osiąga maksymalne wyniki w Core Web Vitals bez użycia wtyczek cache'ujących.