Projekt UX/UI

MojaNieruchomosc.pl

Odpowiedzialność: Tylko UX/UI Design

Projekt obejmował przygotowanie architektury informacji, sitemapy, kluczowych ścieżek użytkowników oraz makiet UX/UI dla najważniejszych ekranów serwisu: strony głównej, listy inwestycji oraz szczegółów pojedynczej inwestycji.

Głównym założeniem było stworzenie portalu, który pozwala użytkownikowi szybko znaleźć interesującą inwestycję lub lokal, porównać najważniejsze parametry i w prosty sposób przesłać zapytanie.

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.

No items found.
Makiety UX/UI

Zobacz pozostałe Makiety UX/UI dla Aplikacji i Stron internetowych

Zobacz przykłady makiet UX i UI przygotowanych w procesie projektowania stron internetowych i aplikacji mobilnych. Każda makieta UX to podstawa intuicyjnego interfejsu i lepszego doświadczenia użytkownika.

Więcej projektów
Projektowanie UX/UI

Kluczowe usługi UX/UI dla firm

Makiety UX/UI stron internetowych, sklepów i aplikacji oraz audyty użyteczności.

Makiety UX/UI stron internetowych

Projektuję makiety UX/UI stron internetowych i landing page’y dopasowane do celów biznesowych i potrzeb użytkowników. Tworzę intuicyjne interfejsy wspierające konwersję i przygotowane do sprawnego wdrożenia.

Makiety Stron

Makiety UX/UI Aplikacji

Projektuję makiety aplikacji mobilnych, webowych, SaaS i dedykowanych systemów. Dbam o użyteczność, intuicyjne ścieżki użytkownika i przygotowanie projektu UX/UI do sprawnego wdrożenia.

Makiety Aplikacji

Makiety UX/UI sklepów internetowych

Projektuję makiety UX/UI sklepów internetowych z naciskiem na intuicyjną nawigację, prezentację produktów i skuteczną ścieżkę zakupową. Projekt przygotowuję w Figma, gotowy do późniejszego wdrożenia.

Makiety Sklepów

Potrzebujesz indywidualnej wyceny projektu UX/UI lub grafiki?

Wypełnij krótki formularz — na jego podstawie przygotuję rekomendację i wycenę dopasowaną do celu projektu (UX/UI, audyt, grafika).

Masz pytanie?

Ten formularz służy wyłącznie do krótkich zapytań organizacyjnych lub technicznych. Wyceny projektów realizuję tylko przez formularz zgłoszenia projektu UX/UI lub Grafiki.

Dzięki za wiadomość!
Odniosę się w przeciągu najbliższej doby :)

Piotrek Trzaskowski UX-MAN
Coś poszło nie tak. Spróbuj wysłać wiadomość jeszcze raz.