Разработали дизайн сайта застройщика с эмоциональным фильтром
ИТ-компания ARTW рассказала, как внедрила эмоциональный фильтр поиска и сделала выбор жилья более ориентированным на стиль жизни пользователя
Причина:
Компания UDS обратилась в ARTW с запросом создать современный и инновационный цифровой продукт — мощный инструмент для онлайн-продажи квартир. Пользовательский интерфейс существующего сайта был неудобен, что затрудняло процесс выбора и покупки недвижимости.
Текущий портал претерпел множество изменений от разных разработчиков, в результате чего на сайте смешались элементы старого и нового дизайна, появились страницы и ветки без логического завершения.
Задачи, поставленные заказчиком:
- Разработать дизайн сайта, который отражает ценности компании, масштаб и особенности проектов застройщика, федеральный уровень компании.
- Продумать архитектуру сайта, включая необходимые сервисы, для удобной навигации и эффективного взаимодействия с пользователями.
- Спроектировать клиентский путь (CJM), чтобы обеспечить комфортное и понятное сопровождение покупателя на всех этапах сделки.
- Создать продающие страницы для каждого жилого комплекса, удобные для восприятия информации.
- Разработать личные кабинеты для прямых покупателей и агентств недвижимости, основанные на принципах полноты информации, удобства и геймификации.
- Предусмотреть разделы, представляющие hr-бренд компании
- Учесть современные технологии и тренды при разработке дизайна и архитектуры сайта, чтобы он оставался актуальным в течение 5–10 лет после релиза.
Процесс работы
В ходе работы над новым сайтом UDS мы провели глубокую аналитику и тщательное проектирование, уделили особое внимание деталям и удобству пользователей.
В рамках проекта мы ежедневно взаимодействовали с клиентом, аналитиками и подрядчиками, обсуждая детали, защищая решения и учитывая технические ограничения. Работа в таком плотной связке дала максимальный эффект и позволила решить все поставленные перед нами задачи.
Структура сайта была продумана до мелочей: мы создали страницы, подробно раскрывающие каждый проект клиента, все тонкости оформления и разнообразие предложений. Реализовали идею заказчика с дружелюбным мини-описанием каждого города присутствия.
Для точной передачи дизайнерских идей мы подготовили концепцию, включая Ocean Design для презентации, а также видео-референсы для анимации.
Решение
Дизайн и архитектура сайта
Сайт спроектирован с акцентом на простоту и лаконичный визуальный стиль. Главная страница стала точкой входа и «визитной карточкой» компании.
Ее основная задача — сразу вовлечь пользователя и донести экспертную позицию UDS как одного из лидеров девелоперского рынка. Для этого были выделены отдельные информационные блоки:
- Способы покупки недвижимости
- Актуальные акции
- Данные о позиционировании и статистических достижениях компании
Особое внимание уделено работе с цветом: у клиента нестандартная, редкая палитра. Мы решили отказаться от избыточных цветовых акцентов в пользу работы с формой, расположением и деталями, чтобы призывы к действию и ключевые элементы были заметны и без ярких тонов.
Эмоциональный фильтр: концепция и логика
На этапе формирования ТЗ заказчик попросил реализовать идею ключевой технологической особенности проекта — эмоциональных фильтров. Это модуль, который позволяет искать квартиры по жизненным сценариям, привычкам и предпочтениям, а не только по стандартным параметрам.
Примеры фильтрации:
- «Встречать рассветы и закаты» — высотные проекты с панорамным остеклением или окнами в пол
- «Вкусно поесть» — жилые комплексы в гастрономических кварталах
- «Прогулки в лесу» — комплексы в непосредственной близости от лесопарковых зон
- Другие сценарии, связанные с инфраструктурой, локацией, возможностями для прогулок и отдыха.
Мы продумали логику сопоставления эмоциональных запросов с техническими характеристиками: ориентация окон, наличие инфраструктуры, особенности планировок. Фильтр интегрируется с базой объектов и позволяет формировать подборки в реальном времени. Структура легко масштабируется — новые сценарии и параметры можно добавлять без изменений архитектуры.
Преимущества для пользователя:
- Поиск строится, основываясь на стиле жизни и потребительских задачах и предпочтениях.
- Рекомендации становятся более релевантными и персонализированными.
Личные кабинеты и геймификация
Придумали структуру личных кабинетов для покупателей и агентов. Для покупателей — фильтрация с учетом эмоциональных сценариев, подборки, отслеживание статуса сделки, допродажи и дополнительные сервисы.
Для агентов — инструменты управления сделками, шахматка, скачивание материалов, бонусная система.
В личном кабинете агента проработана геймификация: рейтинги, награды, элементы игровой механики, способствующие вовлеченности и прозрачности работы.
- Спроектирован современный, интуитивный дизайн и структура сайта с удобной навигацией.
- Эмоциональный фильтр расширяет возможности поиска и делает опыт пользователя более индивидуальным.
- В личных кабинетах реализована геймификация для агентов, а в пользовательском интерфейсе — анимации, поддерживающие динамику и интерес.
Источники изображений:
Личный архив компании
Рубрики
Интересное:
Новости отрасли:
Все новости:
Публикация компании
Контакты
Рубрики