UX/UI · Redesign strony
Resi4Rent — Redesign strony
Strona, która sprzedawała abonament na mieszkanie hasłem i maskotką, zamieniona w narzędzie, które faktycznie prowadzi od pytania do kontaktu z agentem.
- Klient
- Resi4Rent
- Typ projektu
- UX/UI · Redesign strony
- Moja rola
- UX research, architektura informacji, projekt interfejsu desktop i mobile
- Zakres
- UX research i persony, Architektura informacji, Projekt interfejsu desktop, Projekt mobile
Kontekst
Stara strona Resi4Rent sprzedawała abonament na mieszkanie głównie hasłem i maskotką — stewardessą w mundurku obiecującą „mieszkaj jak chcesz”. Sam proces szukania i kontaktu był ukryty kilka poziomów głębiej.
Z badań wyszło jasno: użytkownicy nie mieli problemu z ofertą, tylko z drogą do niej. 90% ankietowanych zgłaszało brak dobrego doświadczenia mobilnego, a 72% nie wiedziało, jak przejść od przeglądania do kontaktu z agentem.
Do tego strona rosła szybciej niż jej struktura — kolejne miasta, kolejne udogodnienia i argumenty sprzedażowe dokładane do istniejącego układu, aż nawigacja przestała nadążać za ofertą.
Cele i założenia
- 01Stworzyć nowoczesną, spójną estetykę odzwierciedlającą wyjątkową ofertę Resi4Rent.
- 02Zaprojektować nawigację, która jest jednocześnie płynna i skoncentrowana na użytkowniku.
- 03Pokazać mieszkania przez wysokiej jakości wizualizacje i szczegółowe podglądy.
- 04Uprościć proces wynajmu do gładkiej, angażującej ścieżki.
- 05Zapewnić pełną responsywność strony i wygodę na urządzeniach mobilnych.
- 06Wprowadzić mocne, jasne wezwania do działania, które skutecznie prowadzą użytkownika.
- 07Uporządkować treść, żeby zwiększyć klarowność i zmniejszyć obciążenie poznawcze.
Wyzwania biznesowe
01
Presja konkurencji.
Polski rynek najmu rósł, a konkurenci z nowocześniejszymi stronami zyskiwali przewagę.
02
Percepcja marki.
Przestarzały design nie odzwierciedlał pozycji Resi4Rent jako lidera rynku.
03
Ograniczona wiedza o użytkownikach.
Poprzednia strona nie miała integracji z analityką, więc trudno było zrozumieć zachowania i preferencje użytkowników.
Badania użytkowników
Zacząłem od dogłębnego poznania potrzeb i zachowań użytkowników. Dzięki ankietom, wywiadom i analityce zidentyfikowałem kluczowe punkty tarcia i obszary do poprawy.
87%
ankietowanych uznało, że wizualizacje nie budowały zaufania ani ekscytacji względem mieszkań.
90%
wskazało potrzebę w pełni responsywnego, przyjaznego dla telefonu doświadczenia.
72%
zwróciło uwagę na brak jasnych działań prowadzących przez proces kontaktu.
Nowy interfejs — desktop
Wyzwania użytkowników
01
Skomplikowana nawigacja.
Użytkowników przytłaczały zagracone menu i trudność w znalezieniu potrzebnych informacji — efekt: frustracja i wysoki współczynnik odrzuceń.
02
Brak wizualizacji budujących zaufanie.
Zdjęcia niskiej jakości nie budowały zaufania ani ekscytacji względem mieszkań, co negatywnie wpływało na odbiór marki.
03
Brak dopasowania do telefonów.
Strona nie była zoptymalizowana pod mobile, co utrudniało przeglądanie i wykonywanie akcji na mniejszych ekranach.
04
Słaba konwersja.
Użytkownicy odwiedzający stronę nie kontaktowali się z agentami, co dawało niską konwersję mimo wysokiego ruchu.
Analiza konkurencji
Vantage Rent
- Czysty, nowoczesny design stawiający na atrakcyjność wizualną i łatwość nawigacji.
- Świetne wykorzystanie filtrów do zawężania wyników (cena, miasto, typ mieszkania).
- Skupienie na budowaniu więzi z klientami przez pokazywanie szczęśliwych ludzi.
LifeSpot
- Mocna oprawa wizualna skupiona na wysokiej jakości zdjęciach i eleganckich kartach mieszkań.
- Szczegółowe opisy mieszkań pomagające podjąć świadomą decyzję.
- Jasny i intuicyjny proces rezerwacji, z minimalną liczbą kroków.
Analiza 5 why
- 01Użytkownicy porzucają proces kontaktu.
- 02Proces kontaktu i rezerwacji jest skomplikowany.
- 03Brakuje jasnych wskaźników postępu i kroków do wykonania.
- 04Strona nie stawiała na płynną ścieżkę użytkownika.
- 05Strona powstała, zanim myślenie projektowe stało się priorytetem.
Rozwiązanie
Zbudować więź z klientami przez łatwy sposób kontaktu i rezerwacji, stworzyć atrakcyjne, klarowne wizualizacje mieszkań i zapewnić płynną, przejrzystą ścieżkę klienta.
Nowy interfejs — mobile
Przepływ zadań
Scenariusz — Anna (młoda profesjonalistka). Zadanie: znaleźć mieszkanie w centrum miasta, poznać okolicę.
- 01Strona główna
- 02Wybór miasta
- 03Wybór dzielnicy
- 04Wybór mieszkania
- 05Kontakt z agentem
Ścieżka prowadzi od strony głównej przez wybór miasta, dzielnicy i mieszkania aż po kontakt z agentem — wspiera szybkie decyzje oparte na kluczowych kryteriach i sprawia, że proces przeprowadzki jest dla Anny mniej stresujący.
Person użytkownika
Tomasz
Relokujący się- 29 lat
- Warszawa
- MBA
- Pracownik etatowy
Tomasz ma 29 lat i przeprowadza się do Warszawy do pracy. Potrzebuje przestronnego mieszkania w dobrej lokalizacji, blisko centrów handlowych i komunikacji miejskiej. Zależy mu przede wszystkim na wygodnym miejscu na dłużej.
Punkty tarcia
- Potrzebuje lepszego wglądu w okolicę, żeby podejmować świadome decyzje.
- Uważa proces rezerwacji za mylący i czasochłonny.
Nie mam czasu przeglądać setek ogłoszeń. Chcę po prostu szybko znaleźć coś, co mi odpowiada. Cenię platformy, które są intuicyjne i dają jasne, szczegółowe informacje zarówno o okolicy, jak i o mieszkaniu.
Macierz priorytetów
Pilne · ważne
- Usprawnienie procesu rezerwacji
- Dodanie jasnych CTA
- Naprawienie problemów z nawigacją
- Czytelne, wysokiej jakości zdjęcia
- Poprawa optymalizacji mobilnej
Niepilne · ważne
- Rozwój personalizacji dla użytkownika
- Uproszczenie ścieżki klienta
- Stworzenie sekcji społeczności
- Poprawa skalowalności strony pod przyszły rozwój
Pilne · niepriorytetowe
- Aktualizacja nieaktualnych treści o niewielkim wpływie na użytkowników
- Doraźne poprawki błędów niekrytycznych
Niepilne · niepriorytetowe
- —
Animacja
Decyzja
Zamiast dokładać kolejny slogan, przeprojektowałem stronę wokół jednej ścieżki: miasto → dzielnica → mieszkanie → kontakt. Wyszukiwarka i mapa okolicy stały się głównym bohaterem strony zamiast dodatkiem.
„Najlepsza reklama abonamentu to strona, na której faktycznie da się go znaleźć.”
Rezultat
Strona, która wcześniej prowadziła przez maskotkę i hasła, dziś prowadzi przez wyszukiwarkę, filtry i mapę okolicy — dokładnie te rzeczy, których według badań brakowało najbardziej. Ścieżka od strony głównej do kontaktu z agentem skróciła się do czterech czytelnych kroków zamiast gubić się w podstronach.
Wersja mobilna, która wcześniej nie istniała jako pełnoprawne doświadczenie, dziś obsługuje wyszukiwanie, filtrowanie, mapę i sekcję odległości do najważniejszych miejsc — dokładnie to, na co wskazywało 90% ankietowanych użytkowników.
Masz podobny temat?
Na 30-minutowej rozmowie sprawdzimy, czy pasuję do projektu. Po spotkaniu będziesz wiedzieć, jaki zakres ma sens i co powinno wydarzyć się dalej.