Budowa globalnej platformy nieruchomości

Klient: Pośrednik nieruchmości
Rola: UI, UX, Współpraca z zespołem developerskim
Zespół: Full-Stack Dev, Project Manager, Designer (ja)
Rok: 2023

Głównym celem produktu było umożliwienie użytkownikom zakupu i zarządzania nieruchomościami zlokalizowanymi za granicą, ze szczególnym uwzględnieniem kierunków wakacyjnych. Moje obowiązki wykraczały daleko poza UI czy UX design, pracowałem nad stworzeniem zarówno nowego produktu, jak i nowej marki.

Moja rola

Byłem jedynym designerem współpracującym z developerem i odpowiadałem za cały proces projektowy, od product strategy i branding po finalne wykonanie UI. Każda decyzja, od doboru typografii po breakpoints, była oparta na badaniach UX i najlepszych praktykach branżowych. Skupiłem się na dopasowaniu potrzeb użytkowników do celów biznesowych poprzez systemowe myślenie, iteracje projektowe oraz klarowną komunikację z klientem i zespołem developerskim.

UX research

Przeprowadziliśmy dogłębne badania wykraczające poza klasyczne definiowanie person. Kluczowe było zrozumienie, jak użytkownicy faktycznie realizują swoje zadania, wykorzystując framework Jobs To Be Done (JTBD). Analiza konkurencji pozwoliła określić unikatowe cechy produktu i jednocześnie upewnić się, że wpisujemy się w aktualne standardy branżowe

UX competitive analysis table.

Żaden detal nie był kwestią przypadku. Wszystkie kluczowe decyzje dotyczące UI wynikały z researchu UX. Wszystkie elementy, od kroju pisma po wartości breakpoints, zostały świadomie dopasowane do grupy docelowej i zasad dobrego projektowania.

Website header inside a macbook mockup.

Budowa platformy od podstaw

Klient przyszedł jedynie z wizją i pustą kartką papieru. Fundamenty należało zbudować od zera. Z pomocą dobrze dobranych fontów i kolorystyki stworzyłem unikalny i przyjazny wizualnie wygląd, zachowując jednocześnie profesjonalny biznesowy charakter. To podejście zapewniło, że produkt stał się estetycznie atrakcyjny, funkcjonalny i rozpoznawalny.
Produkty, które angażują emocje użytkowników i budzą zaufanie, generują realną wartość zarówno dla klientów, jak i dla biznesu.

Investments page with a visible search and real estates inside a macbook mockup.

Typografia jako język

Po przetestowaniu wariantów krojów szeryfowych i bezszeryfowych zdecydowałem się na pewny siebie Libre Baskerville. Użycie go w nagłówkach nadało projektowi pewności i biznesowego tonu. Dla tekstu body wybrałem komplementarny font Work Sans.

Libre Baskerville font Aa letters

Paleta kolorystyczna

Kolor Oxford Blue wybrałem jako dominujący, ponieważ jest profesjonalny i inteligentny. Odcienie niebieskiego tradycyjnie symbolizują technologię i zaufanie, co doskonale współgra z potrzebami platformy finansowej. Ponieważ produkt skupia się na nieruchomościach wakacyjnych segmentu premium, zestawiłem go z kolorem Alabaster, który wnosi ciepło i subtelną elegancję.
Tak dobrana paleta wspierała podwójny cel marki: profesjonalizm inwestycyjny (Blue) oraz aspiracyjny, luksusowy charakter wypoczynku (Alabaster).

Project color palette containing Oxford Blue, White and Alabaster colors.

Breakpoints i Design System

Nie poszedłem na skróty przy ustalaniu optymalnych breakpointów dla projektu. Połączyłem dane dotyczące najczęściej używanych urządzeń z obserwacjami dotyczącymi naszej grupy docelowej. Efektem był przemyślany kompromis. Zestaw wymiarów opartych na standardach webowych, ale dostosowanych do urządzeń klasy premium używanych przez naszych klientów biznesowych.

UI component library dashboard with various input fields, search bars, error message states, pagination, category buttons in different color styles, and a color swatch labeled Oxford Blue, arranged in a clean modern layout for a web application design system
Responsive real estate website design for Riviera Homes shown on laptop, tablet, and smartphone screens, featuring a hero section with headline “Invest in Croatia like it’s your homeland,” search and investment navigation, as well as a property dropdown menu with beachside hotel listings in Croatia