Создали понятный интерфейс для сервиса GEORID с 5000+ объектов недвижимости

Webest на связи! В этой статье расскажем, как спроектировали интерфейс для сервиса с 5000+ объектов недвижимости так, чтобы большой объем информации не мешал пользователю быстро находить подходящий вариант.

GEORID — сервис для работы с недвижимостью в Турции, Таиланде и ОАЭ. Здесь встречаются сразу несколько сложных сценариев: поиск и подбор объектов, работа с большим каталогом и ежедневные задачи агентов. Поэтому перед нами стояла задача не просто создать визуально привлекательный интерфейс, а выстроить понятную логику всего сервиса.

О проблеме и задаче

Когда в одном сервисе собраны тысячи объектов из разных стран, стандартной логики интернет-магазина уже недостаточно. Пользователю нужно быстро отфильтровать предложения, сравнить варианты и разобраться в характеристиках объекта, не потерявшись среди большого количества информации.

Дополнительную сложность реализации вызывали разные сценарии использования. Клиент приходит подобрать недвижимость, а агенту сервис нужен как рабочий инструмент: для поиска объектов, работы с предложениями и взаимодействия с клиентами.

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

Решение

Мы выстроили интерфейс вокруг основных сценариев GEORID: найти объект → изучить → принять решение. При этом сохранили отдельные инструменты для агентов и заложили единую логику для работы с недвижимостью в разных странах.

Выстроили визуальный язык вокруг продукта

Для сервиса недвижимости важно было совместить ощущение технологичности с доверием — интерфейс не должен выглядеть ни как перегруженная CRM, ни как обычный сайт агентства.

Поэтому визуальный стиль построили на чистой типографике, спокойной цветовой палитре и акцентном цвете, который помогает ориентироваться в интерфейсе. Фотографии недвижимости стали одним из главных визуальных элементов и одновременно рабочим инструментом выбора.

Сфокусировали главную страницу на поиске

Главная страница должна была не просто рассказывать о сервисе, а сразу приводить пользователя к недвижимости. Поэтому на первый план вынесли поиск и основные направления. Ниже разместили подборки объектов, популярные предложения и другие точки входа в каталог.

Так пользователь может начать с конкретного запроса или сначала посмотреть, что предлагает сервис, а затем перейти к подходящим объектам.

Собрали понятный каталог для 5000+ объектов

Большой каталог легко превращается в бесконечную ленту карточек. Чтобы этого не произошло, мы продумали структуру поиска и фильтрации.

Параметры недвижимости вынесли в понятную систему фильтров, а результаты поиска сделали визуально единообразными. В карточках оставили только информацию, которая помогает принять решение о переходе на страницу объекта: фотографию, основные характеристики, стоимость и другие ключевые данные.

В результате пользователю не нужно открывать десятки карточек подряд, чтобы понять, какие варианты ему подходят.

Сделали карточку объекта инструментом выбора

Для недвижимости одной фотографии и цены недостаточно. Пользователю важно понять, где находится объект, какими характеристиками он обладает и подходит ли под его запрос.

Поэтому детальную карточку построили по принципу от общего к частному. Сначала пользователь получает визуальное представление и основные характеристики, а затем может изучить подробное описание и дополнительные параметры. Так карточка помогает пройти весь путь от первого впечатления до осознанного выбора, не перегружая первый экран.

Разделили сценарии клиента и агента

GEORID должен быть удобен не только человеку, который ищет квартиру или другой объект, но и специалисту, который работает с недвижимостью каждый день.

Для этого предусмотрели отдельные рабочие сценарии и интерфейсы агента. Информация и инструменты сгруппированы по задачам, поэтому агенту не приходится использовать пользовательский каталог для выполнения рабочих операций.

При этом обе части системы объединены общей логикой и визуальным языком — пользователь и агент работают внутри одного продукта.

Адаптировали сервис под мобильные устройства

Основные сценарии GEORID должны работать не только на большом экране: поиск недвижимости и просмотр объектов часто происходят со смартфона. Поэтому мобильную версию не стали делать уменьшенной копией десктопа. Перестроили расположение информации и приоритеты элементов под небольшой экран.

На мобильном сначала доступны фотографии, цена и ключевые характеристики, а дополнительные параметры раскрываются по мере необходимости. Так пользователь получает максимум полезной информации без перегруженного интерфейса.

Объединили недвижимость разных стран в одну систему

GEORID работает сразу с Турцией, Таиландом и ОАЭ. У каждой страны своя специфика недвижимости, но пользователю не нужно разбираться в трех разных интерфейсах.

Мы заложили общую структуру для каталога и карточек объектов, чтобы сценарий поиска оставался привычным при переходе между направлениями. Это позволяет масштабировать сервис на новые страны и категории без необходимости каждый раз создавать интерфейс заново.

Результат

GEORID получил новый визуальный слой и понятную систему взаимодействия со сложным продуктом. Пользователь быстрее ориентируется в большом количестве предложений, а агент получает удобный инструмент для работы с недвижимостью и клиентами.

Нужен дизайн сложного сервиса, который помогает пользователям находить нужное и не теряться в большом объеме информации? Оставьте заявку на сайте webest.ru