От интеграции премиума к трансформации сайта: проект «Страна Девелопмент»
Разработка и редизайн корпоративной платформы федерального девелопера с интеграцией премиум-сегмента
Страна — федеральный девелопер жилой и коммерческой недвижимости в России
Первоначально перед командой стояла задача анонсировать и сформировать премиум-направление как отдельный раздел с проектами и интегрировать его в существующий сайт, сохранив сервисную функциональность и фокус на мобильной версии (≈70% мобильного трафика).
В процессе работы эта задача трансформировалась в комплексное переосмысление всего сайта.
Контекст и решение
Мы подключились к проекту как к развитию диджитал-продукта — с аналитикой, проектированием и фокусом на UX. В основе подхода — восприятие сайта как классифайда, где классы недвижимости различаются визуально, эмоционально и функционально, оставаясь частью единой экосистемы.
От частного к общему: премиум как точка обновления бренда
Работу начали с премиум-раздела и страницы проекта как части общего обновления сайта
На основе вводных клиента, сформированных по итогам исследования, процесс выстроили как последовательное обновление — страница за страницей. Это позволило быстро внедрять решения и сохранять целостность продукта.
В результате интеграция премиума стала отправной точкой диджитал-обновления бренда:
• обновление главной страницы,
• пересборка цветового кодирования комфорт- и бизнес-сегментов и редизайн с учётом новой сегментации,
• создание универсальных шаблонов для проектов разных классов,
• формирование единой дизайн-системы,
• пересборка структуры и навигации, построение масштабируемой UX-архитектуры.
В рамках дизайн-системы были выделены три сегмента недвижимости: премиум, комфорт и бизнес. Премиум-направление получило собственный визуальный язык, отличающийся композицией, типографикой и цветовой палитрой, тогда как комфорт- и бизнес-сегменты построены на единой UX-логике и UI-решениях, различаясь преимущественно цветовым кодированием.
Дополнительно был сформирован универсальный UI-кит, который учитывает особенности каждого сегмента: он задаёт правила работы с цветом, типографикой и компонентами интерфейса, обеспечивая консистентность визуального языка и масштабируемость решений при развитии платформы.
Стартовый аудит и бенчмаркинг
Проект начался с аналитического этапа. Мы провели UX/UI-аудит сайта с фокусом на мобильные сценарии и параллельно исследовали, как формируется восприятие премиума в диджитал. Для этого выполнили:
• бенчмаркинг диджитал-решений девелоперов в сегментах: премиум, комфорт и бизнес,
• анализ user flow и пользовательских сценариев.
На основе аналитики была сформирована новая архитектура платформы:
• выстроены ключевые пользовательские сценарии,
• спроектированы навигация и селектор классов жилья для переключения между сегментами,
• заложены принципы масштабирования дизайн-системы,
• сформирована модель развития платформы как единой диджитал-экосистемы.
Результатом этапа стала карта точек роста и ограничений, которая легла в основу всех проектных решений.
Премиум как самостоятельный сценарий
Главная страница стала точкой входа в архитектуру: пересобрали её структуру, выстроили иерархию «комфорт/бизнес/премиум». А также заложили корректный сценарий перехода в премиум-направление, обеспечив чёткое позиционирование сегмента внутри общей платформы.
Бенчмаркинг и старт аналитики с главной страницы позволили встроить премиум в общую архитектуру, а также развивать его как отдельный сценарий внутри сайта. При переходе в раздел пользователь попадает в новый визуальный и смысловой контекст, сохраняя при этом логичную навигацию.
Мы осознанно искали именно премиальные UX- и визуальные решения. Фокус был смещён с сервисной подачи в сторону эмоционального восприятия и визуальной выразительности — при сохранении функциональности и UX-логики.
Меню для двух сценариев
Навигация прорабатывалась как отдельный проектный слой: мы провели бенчмаркинг навигационных решений для сложной продуктовой модели девелопера и переосмыслили структуру верхнего уровня.
На старте меню не отражало сегментацию продукта и не поддерживало чёткие пользовательские сценарии. Мы пересобрали его логику, сделав структуру более прозрачной, компактной и ориентированной на задачи пользователя.
Эстетика арт-галереи
В основе визуальной концепции — метафора арт-галереи
Это минималистичное светлое пространство, в котором премиальные объекты подаются как самостоятельные архитектурные высказывания с характером и идентичностью. Вёрстка и интерфейс построены на следующих принципах:
• широкоформатные «живые» изображения,
• минималистичные интерфейсные элементы,
• акцент на свободное пространство,
• чистая композиция экранов,
• плавные анимации,
• лайфстайл-контент для эмоционального восприятия.
Премиальность формируется через масштаб, ритм, воздух и сдержанную выразительность — без перегрузки интерфейса.
В основе платформы: единая визуальная и UX-система, которая разделяет сегменты, поддерживает консистентность айдентики и формирует журнально-архитектурный стиль с конверсионной эффективностью.
Сценарий «перелистывания премиум-журнала»
Фишкой проекта стала концепция отдельных промо-модальных окон с историями домов.
Горизонтальный скролл как отсылка к «перелистыванию журнала» — контент подается через чистый интерфейс, обеспечивая имиджевый эффект.
Существующие блоки были переосмыслены и адаптированы под горизонтальную механику. Дополнительно мы разработали тип модульных блоков, работающих в единой логике скролла и дизайн-системы.
Три параллельных UX-исследования для проверки выбранных методик
В рамках проекта были проведены UX-исследования с участием реальных пользователей
Они включали модерируемое тестирование на десктопе, в ходе которого было выявлено 24 юзабилити-проблемы разной степени критичности, а также немодерируемое тестирование на мобильных устройствах, позволившее дополнительно зафиксировать ещё семь проблем различной важности.
Проведённые исследования позволили оценить логичность структуры сайта, проанализировать поведение пользователей в ключевых сценариях и навигации между страницами, а также определить основные точки роста для развития функционала.
A/B-тестирование. В ответ на запрос клиента, связанный с тем, что пользователи не считывали условия скидок и интерпретировали цену некорректно, мы проанализировали конкурентов и подготовили шесть вариантов отображения цены и скидки для мобильной и десктоп-версии в нашей дизайн-системе. По результатам A/B-тестирования на стороне клиента был выбран один оптимальный вариант, который мы доработали и внедрили в финальный макет.
Этот этап помог выстроить единый подход к развитию дизайна и пользовательского опыта и последовательно развивать платформу.
Результат
Премиум-раздел запущен и интегрирован в действующий сайт, реализуя ключевые сценарии премиум-направления — от входа на уровень проекта до выбора лота, с имиджевыми механиками в виде горизонтальных поп-апов.
Платформа продолжает развиваться как продукт: разработанные решения, визуальный язык и дизайн-система последовательно тиражируются на новые страницы и разделы. Продолжается работа над комфорт- и бизнес-направлениями (главная и страницы проектов), а также внутренними разделами — избранное, сравнение, коммерция, акции, контакты и др., включая проработку сценария «Способы покупки».
Решения по сегментам комфорт/бизнес/премиум задают эталон визуального и UX-подхода для всей платформы.
