Cel projektu
- Stworzenie nowoczesnego portalu prezentującego inwestycje mieszkaniowe rynku pierwotnego.
- Skrócenie ścieżki od wyszukania nieruchomości do przesłania zapytania.
- Generowanie wartościowych leadów dla deweloperów i partnerów.
- Czytelne prezentowanie najważniejszych parametrów inwestycji i dostępnych lokali.
- Wyróżnienie serwisu wizualnie na tle klasycznych portali nieruchomości.
- Stworzenie przestrzeni do rozwijania usług dodatkowych związanych z zakupem nieruchomości.
Odbiorcy strony
- Osoby poszukujące nowych mieszkań i domów od deweloperów.
- Użytkownicy porównujący inwestycje pod względem lokalizacji, ceny, metrażu, liczby pokoi i terminu odbioru.
- Osoby zdecydowane na zakup nieruchomości i gotowe do kontaktu z deweloperem lub opiekunem inwestycji.
- Osoby potrzebujące dodatkowego wsparcia przy zakupie, m.in. w zakresie kredytu, projektu wnętrza, wykończenia czy usług stolarskich.
- Użytkownicy szukający nieruchomości w największych miastach Polski, a w przyszłości również w lokalizacjach zagranicznych.
Wyzwanie projektowe
- Portal musi jednocześnie prezentować wiele inwestycji, nie przeciążając użytkownika informacjami.
- Użytkownik powinien szybko przejść od miasta i podstawowych parametrów do konkretnej inwestycji.
- Konieczne było rozdzielenie poziomu inwestycji od poziomu konkretnego lokalu.
- Kluczowe informacje, takie jak cena, metraż, pokoje, lokalizacja i termin odbioru, muszą być widoczne bez konieczności zagłębiania się w długie opisy.
- Formularze powinny umożliwiać zarówno zapytanie o konkretną inwestycję lub lokal, jak i ogólne pozostawienie kontaktu.
- Projekt musi wspierać generowanie leadów, ale jednocześnie nie sprawiać wrażenia agresywnego sprzedażowo.
- Warstwa wizualna powinna wyróżniać portal na tle konkurencji, zachowując przy tym charakter dużego, wiarygodnego serwisu nieruchomościowego.
Zakres prac UX/UI
- Przygotowanie architektury informacji i sitemapy serwisu.
- Zaprojektowanie strony głównej z wyszukiwarką nieruchomości.
- Zaprojektowanie systemu filtrowania inwestycji.
- Opracowanie listy inwestycji wraz z mapą.
- Zaprojektowanie kart inwestycji prezentujących najważniejsze parametry.
- Opracowanie widoku pojedynczej inwestycji.
- Zaprojektowanie galerii inwestycji.
- Przygotowanie sekcji najważniejszych parametrów i udogodnień.
- Zaprojektowanie listy dostępnych mieszkań wraz z filtrami.
- Uwzględnienie informacji o dostępności lokali.
- Zaprojektowanie formularzy zapytań i CTA wspierających generowanie leadów.
- Przygotowanie sekcji usług dodatkowych.
- Zaprojektowanie sekcji wspierających wiarygodność serwisu, m.in. partnerów, FAQ i procesu zakupu.
Wyszukiwanie i lista inwestycji
Główna ścieżka użytkownika rozpoczyna się od wyszukiwarki umożliwiającej określenie podstawowych preferencji:
- miasto,
- rodzaj nieruchomości,
- metraż,
- liczba pokoi,
- cena,
- termin odbioru.
Na stronie listy użytkownik może dodatkowo korzystać z mapy oraz rozszerzonych filtrów.
Inwestycje prezentowane są w formie kart zawierających m.in.:
- wizualizację inwestycji,
- nazwę,
- lokalizację,
- cenę od,
- termin odbioru,
- zakres liczby pokoi,
- zakres metraży.
Szczegóły inwestycji
Widok pojedynczej inwestycji został zaprojektowany tak, aby najważniejsze informacje były dostępne jeszcze przed przeczytaniem pełnego opisu.
Użytkownik otrzymuje dostęp m.in. do:
- galerii inwestycji,
- lokalizacji,
- ceny i zakresu metraży,
- liczby pokoi,
- terminu odbioru,
- informacji o garażach i miejscach postojowych,
- komórkach lokatorskich,
- wysokości pomieszczeń,
- innych istotnych udogodnieniach.
Kluczowym elementem jest lista dostępnych lokali, umożliwiająca dalsze filtrowanie i przesłanie zapytania o konkretną nieruchomość.
Formularze i generowanie leadów
Projekt zakłada kilka punktów kontaktu dopasowanych do etapu ścieżki użytkownika.
Użytkownik może:
- wysłać zapytanie dotyczące konkretnej inwestycji,
- zapytać o konkretny lokal,
- pozostawić kontakt, jeśli nie znalazł jeszcze odpowiedniej nieruchomości,
- poprosić o kontakt w sprawie usług dodatkowych.
Formularze zostały zaprojektowane możliwie krótko, z mocnym elementem ludzkim — użytkownik otrzymuje informację, że skontaktuje się z nim opiekun lub partner, który pomoże w kolejnych krokach.
Usługi dodatkowe
Portal został zaplanowany nie tylko jako katalog inwestycji, ale również jako miejsce wspierające klienta w procesie zakupu nieruchomości.
Przewidziane obszary dodatkowe obejmują:
- kredyt,
- wykończenie wnętrz,
- projektowanie wnętrz,
- usługi stolarskie.
Dzięki temu kontakt pozyskany podczas poszukiwania nieruchomości może prowadzić również do kolejnych usług związanych z zakupem i urządzeniem mieszkania.
Kluczowe założenia UX
- Szybki dostęp do inwestycji na podstawie miasta i podstawowych parametrów.
- Najważniejsze informacje widoczne bez konieczności czytania długich opisów.
- Oddzielenie wyboru inwestycji od wyboru konkretnego lokalu.
- Możliwość szybkiego przejścia od listy inwestycji do szczegółów i formularza kontaktowego.
- Rozbudowane filtry ukrywane pod opcją „Filtry dodatkowe”, aby nie przeciążać podstawowego widoku.
- Mapa wykorzystywana na stronie listy inwestycji, a nie jako dominujący element strony głównej.
- Promowane inwestycje prezentowane jako bardziej wyróżnione, pojedyncze ekspozycje.
- CTA dopasowane do kontekstu: wyszukanie inwestycji, zapytanie o lokal lub prośba o kontakt.
Wizerunek i warstwa wizualna
Klientowi zależało na stworzeniu portalu, który wizualnie wyróżni się na tle klasycznych serwisów nieruchomościowych.
Główne założenia wizualne:
- duże, atrakcyjne wizualizacje inwestycji,
- ciemniejsze, bardziej eleganckie sekcje,
- przeplatanie jasnych i ciemnych obszarów,
- mocniejszy charakter wizualny niż w typowych portalach nieruchomości,
- wyraźne CTA,
- nowoczesna, bardziej premium estetyka,
- jednocześnie zachowanie czytelności dużego portalu i łatwego dostępu do danych.
Warstwa graficzna miała połączyć charakter nowoczesnego serwisu nieruchomościowego z bardziej emocjonalną prezentacją inwestycji.
Elementy wspierające decyzję użytkownika
W projekcie przewidziano również elementy pomagające użytkownikowi szybciej podjąć decyzję:
- prezentację inwestycji wzbudzających największe zainteresowanie,
- sekcję dostępności lokali,
- eksponowanie liczby dostępnych mieszkań,
- prezentację najważniejszych zalet lokalizacji,
- informacje o otoczeniu, komunikacji i usługach,
- sekcję „Jak to działa” pokazującą drogę od wyboru inwestycji do zakupu,
- FAQ,
- prezentację partnerów współpracujących z portalem,
- sekcje CTA zachęcające do pozostawienia kontaktu.
Efekty prac UX/UI
- Powstała uporządkowana architektura portalu rynku pierwotnego.
- Użytkownik może rozpocząć wyszukiwanie od miasta i podstawowych parametrów nieruchomości.
- Rozdzielono poziom inwestycji od poziomu konkretnego lokalu.
- Zaprojektowano spójną ścieżkę: wyszukiwanie → lista inwestycji → inwestycja → lokal → zapytanie.
- Najważniejsze informacje zostały mocno wyeksponowane na kartach i podstronach inwestycji.
- Zaprojektowano kilka kontekstowych punktów generowania leadów.
- Usługi dodatkowe zostały połączone z główną ścieżką zakupu nieruchomości.
- Projekt został przygotowany w sposób umożliwiający dalszy rozwój portalu o nowe miasta, inwestycje, usługi i lokalizacje zagraniczne.
Współpraca przy projekcie
Projekt powstał we współpracy trzech zespołów:
- UX-MAN — UX/UI, architektura informacji, sitemapa, ścieżki użytkowników, makiety oraz projekt kluczowych ekranów.
- CreoJungle — warstwa graficzna strony głównej.
- Soft-Fusion — development i wdrożenie serwisu.
Podsumowanie
Projekt MojaNieruchomosc.pl pokazuje, jak portal rynku pierwotnego można zbudować wokół prostego procesu: znalezienie właściwej inwestycji, wybór lokalu i szybki kontakt.
Najważniejszym założeniem było połączenie funkcjonalności typowych dla dużych portali nieruchomościowych z bardziej wyrazistym, nowoczesnym stylem wizualnym oraz mocniejszym prowadzeniem użytkownika do kontaktu.
Projekt nie ogranicza się przy tym do samego katalogu nieruchomości. Cała ścieżka została zaplanowana tak, aby portal mógł wspierać użytkownika również w kolejnych etapach zakupu — od finansowania po wykończenie mieszkania.
Interaktywny prototyp
Powiększ ekran i przejdź przez interaktywny prototyp (przeklikaj i przescrolluj). Dostępna jest także wersja na inne rozdzielczości.