Вебзастосунок · UX/UI-дизайн

Roovi. 3 місяці дизайну пошуку житла — від перегляду до впевненого рішення.

Платформа пошуку житла: пошук, мапа, збережені оголошення, порівняння й агенти в одному адаптивному продукті.

3 місяці
Від структури до фінального UI
6 розділів
Пошук · Мапа · Оголошення · Збережене · Порівняння · Агенти
Адаптивно
Один продукт для десктопа й телефону
Roovi: огляд продукту

01Про продукт

Roovi поєднує пошук житла, інтерактивну мапу, збережені оголошення, порівняння, пошук агентів і детальну інформацію про об’єкти. Це адаптивний вебзастосунок, що однаково працює на десктопі й телефоні.

Мобільний пошук Roovi

02Завдання

Нерухомість — це багато інформації: ціни, локації, характеристики, фото, агенти. Майже все важливо, і все конкурує за увагу.

Завдання — дати людям рухатися між пошуком, мапою, оголошеннями, збереженим, порівнянням і агентами, не втрачаючи контексту.

Сценарій між об’єктами, агентами й збереженим

03Рішення

Ми пройшли весь процес UX/UI: цілі, аналіз конкурентів, дослідження, вайрфрейми, UI, тестування й ітерації — до дизайн-системи та файлів, готових до розробки.

Будь-яка точка входу — оголошення, мапа чи агент — веде до тих самих деталей об’єкта й наступних кроків.

Список і мапа як один пошук

Результати й мапа працюють поруч: можна досліджувати район і будинки в ньому одночасно.

Порівняння як інструмент рішення

Збережені об’єкти порівнюються в одній таблиці за ціною, площею, кімнатами й ключовими характеристиками.

Агент — частина шляху

Профіль агента доступний просто з об’єкта, тож зв’язатися з потрібною людиною — природний наступний крок.

Сторінка об’єкта з галереєю й характеристиками
Порівняння трьох об’єктів
Сторінка пошуку агента

04Виконані роботи та матеріали

  1. 01Адаптивний пошук з інтерактивною мапою.
  2. 02Сторінки об’єктів, збережене й порівняння.
  3. 03Пошук агентів і їхні профілі.
  4. 04Масштабована дизайн-система й файли для розробки.
Мобільна сторінка об’єкта

05Результат

Створено адаптивний UX/UI-дизайн платформи нерухомості з пошуком, інтерактивною мапою, сторінками об’єктів, порівнянням і профілями агентів.

Послуги в цьому проєкті

Схожий проєкт

Обговоримо схожий проєкт

Розкажіть про ваше завдання. Заявка надійде з позначкою, що ви прийшли зі сторінки проєкту Roovi.

Інструменти, з якими працюємо

  • Figma
  • Webflow
  • Next.js
  • Google Ads
  • Google Analytics
  • Google Tag Manager