Разработать новый стиль сайта и мобильного приложения, сделать поиск квартиры простым и интуитивным, внедрить интерактивную карту с фильтрацией, улучшить процесс работы риелторов с подборками, повысить конверсию в заявки и создать раздел «Новости и Журнал» для SEO.
Product Designer
David Sargsyan
David Sargsyan
09/2022–11/2025
Продуктовый редизайн и дизайн-система агентства недвижимости
METRIKA
REAL ESTATE
REAL ESTATE
Основная задача заключалась в том, чтобы полностью обновить визуальный язык продукта, повысить эффективность поиска квартир и улучшить конверсию в заявки за счёт продуманного UX и UI.
Metrika Estate — цифровая экосистема для рынка недвижимости, объединяющая клиентов, риелторов и застройщиков.
Контекст и цель проекта
Поиск, фильтрация и сортировка объектов
Карточки объектов с подробной информацией
Ключевые цели:
Мне нужно было полностью обновить визуальный стиль продукта и разработать дизайн-систему, которая объединит все интерфейсы — как мобильную, так и десктопную версии. Одной из ключевых задач стало создание поиска по карте с гибкой фильтрацией и понятным, прозрачным пользовательским сценарием, чтобы процесс выбора квартиры стал максимально интуитивным и простым.
Помимо основного сценария поиска, я спроектировал инструменты для риелторов: подборки квартир, удобные карточки объектов, и подробные страницы ЖК, которые упростили ежедневную работу самих риелторов и ускорили взаимодействие с клиентами.
Также я разработал раздел «Новости и Журнал» — он стал дополнительным источником трафика.
Ключевые результаты:
- Внедрил дизайн-систему и UI Kit, ускорив релизы в 3 раза.
- Спроектировал 46 страниц для всего агентства.
- Настроил процесс дизайн-ревью с разработчиками и менеджерами.
- Создал четкий визуальный язык во всех продуктах компании.
Команда разработки:
Product designer
Marketing specialist
Backend developer
Project Manager
Business Analyst
Frontend developer
Team lead
Процесс проекта
Работа над Metrika Estate заняла 3 года и 3 месяца и включала глубокое исследование, проектирование ключевых сценариев, создание дизайн-системы и внедрение её в экосистему продукта.
Продукт развивался непрерывно, поэтому процесс был выстроен максимально циклично:
исследование
→
гипотезы
→
прототипирование
→
тестирование
→
внедрение
Дорожная карта проекта
- Анализ поведения пользователей на сайте.
- Исследование конкурентов: Циан, Авито, Домклик, Яндекс Недвижимость.
- Выявление основных барьеров в поиске жилья.
- Анализ UX-потоков, по которым пользователи чаще всего уходили.
- Погружение в реальный процесс выбора квартиры.
- Определение потребностей разных типов пользователей: покупатели, инвесторы, риелторы.
- Выявление ключевых проблем: долгий поиск, перегруженность фильтрами, неудобная карта.
- Сформулировать единый визуальный язык.
- Повысить конверсию в заявки.
- Упростить взаимодействие с картой и фильтрами.
- Упростить работу риелторов с подборками.
- Создать SEO-раздел для органического роста.
- Улучшение сценариев поиска жилья.
- Добавление умных фильтров.
- Введение новых карточек объектов.
- Создание дизайн-системы и типографических токенов.
- Создание единой структуры компонентов.
- Проектирование новых сценариев поиска.
- Проработка карточки объекта.
- Интерактивная карта: навигация, кластеры, карточки.
- Проектирование CRM-интерфейсов для риелторов.
- Прототипы тестировались на реальных пользователях (риелторах и покупателях).
- Замеры времени поиска, выбора фильтров и открытия карточки объекта.
- Внедрение изменений по обратной связи.
- UI Kit: цвета, типографика, интерактивные элементы.
- ???????
- Поддержка команды разработки на каждом этапе.
- Создание спецификаций, гайдлайнов.
- Дизайн-ревью всех релизов.
- Дополнительные улучшения после релиза.
Провели исследование:
20+ интервью
Протестировали прототипов:
15+ сценариев
Создано компонентов в дизайн-системе:
200+ компонентов
Спроектировано интерфейсов:
40+ страниц
Глубинны интервью
Мы провели серию интервью с покупателями и риелторами. Наша цель — понять, какие реальные барьеры возникают во время поиска жилья и каким должен быть удобный и современный сервис.
Всего мы поговорили с 30+ пользователями и протестировали более 15 прототипов.
- Посмотреть блокнот, переписать сюда
- посмотреть блокнот
Ключевые инсайты пользователей
Продуктовые гипотезы
Гипотеза 1.
Упростить работу с картой — повысить скорость поиска жилья
Проблема:
Пользователи теряются на карте: слишком много меток, нет визуального различия между домами и ЖК, фильтры не влияют на отображение в реальном времени.
Что мы предположили:
Если сделать карту с кластеризацией, подсветкой районов и динамическими фильтрами — пользователи будут быстрее находить подходящие варианты.
Ожидаемый эффект:
Уменьшение времени первого взаимодействия
Повышение количества открытых карточек объекта
Рост конверсии в заявки
Гипотеза 2.
Категоризация объектов улучшит понимание и ускорит выбор
Проблема:
Не все пользователи понимают классы недвижимости и фильтры. Обычно сталкиваются с фильтрами на маркетплейсах. В недвижимости сложнее, так как, есть еще «расширенные фильтры»
Что мы предположили:
Если разделить фильтрацию и объекты на понятные категории (комнатность, тип дома, год сдачи и т.д.), а сами планировки показывать в единой системе — то взаимодействие станет проще.
Ожидаемый эффект:
Уменьшение отказов
Повышение числа сохранений в подборку
Рост количества повторных сессий
Гипотеза 3.
Информативная карточка объекта повысит качество принятия решения
Проблема:
Пользователи жаловались, что информацию сложно найти: планировки маленькие, характеристики спрятаны, нет адреса, нет даты сдачи дома, если это новостройка.
Что мы предположили:
Пересобрать карточку объекта, вынести «ключевые характеристики» наверх, сделать крупную галерею, добавить описание объекта, то решение о звонке будет приниматься быстрее.
Ожидаемый эффект:
Рост CTR “Позвонить / Оставить заявку”
Больше времени на странице объекта
Повышение доверия к сервису
