От интеграции премиума к трансформации сайта: проект «Страна Девелопмент»

Страна — федеральный девелопер жилой и коммерческой недвижимости в России. Ранее сайт компании был ориентирован на комфорт- и бизнес-сегменты. С развитием продуктовой линейки и появлением премиальных проектов текущая диджитал-платформа перестала соответствовать новым бизнес-задачам и уровню позиционирования бренда.

Первоначально перед командой стояла задача анонсировать и сформировать премиум-направление как отдельный раздел с проектами и интегрировать его в существующий сайт, сохранив сервисную функциональность и фокус на мобильной версии (≈70% мобильного трафика).

В процессе работы эта задача трансформировалась в комплексное переосмысление всего сайта.

Мы подключились к проекту как к развитию диджитал-продукта — с аналитикой, проектированием и фокусом на UX. В основе подхода — восприятие сайта как классифайда, где классы недвижимости различаются визуально, эмоционально и функционально, оставаясь частью единой экосистемы.

Работу начали с премиум-раздела и страницы проекта как части общего обновления сайта. На основе вводных клиента, сформированных по итогам исследования, процесс выстроили как последовательное обновление — страница за страницей. Это позволило быстро внедрять решения и сохранять целостность продукта.

В результате интеграция премиума стала отправной точкой диджитал-обновления бренда:

• обновление главной страницы,

• пересборка цветового кодирования комфорт- и бизнес-сегментов и редизайн с учётом новой сегментации,

• создание универсальных шаблонов для проектов разных классов,

• формирование единой дизайн-системы,

• пересборка структуры и навигации, построение масштабируемой UX-архитектуры.

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

Дополнительно был сформирован универсальный UI-кит, который учитывает особенности каждого сегмента: он задаёт правила работы с цветом, типографикой и компонентами интерфейса, обеспечивая консистентность визуального языка и масштабируемость решений при развитии платформы.

Проект начался с аналитического этапа. Мы провели UX/UI-аудит сайта с фокусом на мобильные сценарии и параллельно исследовали, как формируется восприятие премиума в диджитал. Для этого выполнили:

• бенчмаркинг диджитал-решений девелоперов в сегментах: премиум, комфорт и бизнес,

• анализ user flow и пользовательских сценариев.

На основе аналитики была сформирована новая архитектура платформы:

• выстроены ключевые пользовательские сценарии,

• спроектированы навигация и селектор классов жилья для переключения между сегментами,

• заложены принципы масштабирования дизайн-системы,

• сформирована модель развития платформы как единой диджитал-экосистемы.

Результатом этапа стала карта точек роста и ограничений, которая легла в основу всех проектных решений.

Главная страница стала точкой входа в архитектуру: пересобрали её структуру, выстроили иерархию «комфорт/бизнес/премиум». А также заложили корректный сценарий перехода в премиум-направление, обеспечив чёткое позиционирование сегмента внутри общей платформы. 

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

Мы осознанно искали именно премиальные UX- и визуальные решения. Фокус был смещён с сервисной подачи в сторону эмоционального восприятия и визуальной выразительности — при сохранении функциональности и UX-логики.

Навигация прорабатывалась как отдельный проектный слой: мы провели бенчмаркинг навигационных решений для сложной продуктовой модели девелопера и переосмыслили структуру верхнего уровня.

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

В основе визуальной концепции — метафора арт-галереи: минималистичное светлое пространство, в котором премиальные объекты подаются как самостоятельные архитектурные высказывания с характером и идентичностью. Вёрстка и интерфейс построены на следующих принципах:

• широкоформатные «живые» изображения,

• минималистичные интерфейсные элементы,

• акцент на свободное пространство,

• чистая композиция экранов,

• плавные анимации,

• лайфстайл-контент для эмоционального восприятия.

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

В основе платформы: единая визуальная и UX-система, которая разделяет сегменты, поддерживает консистентность айдентики и формирует журнально-архитектурный стиль с конверсионной эффективностью.

Фишкой проекта стала концепция отдельных промо-модальных окон с историями домов.

Горизонтальный скролл как отсылка к «перелистыванию журнала» — контент подается через чистый интерфейс, обеспечивая имиджевый эффект.

Существующие блоки были переосмыслены и адаптированы под горизонтальную механику. Дополнительно мы разработали тип модульных блоков, работающих в единой логике скролла и дизайн-системы.

В рамках проекта были проведены UX-исследования с участием реальных пользователей. Они включали модерируемое тестирование на десктопе, в ходе которого было выявлено 24 юзабилити-проблемы разной степени критичности, а также немодерируемое тестирование на мобильных устройствах, позволившее дополнительно зафиксировать ещё семь проблем различной важности.

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

A/B-тестирование

В ответ на запрос клиента, связанный с тем, что пользователи не считывали условия скидок и интерпретировали цену некорректно, мы проанализировали конкурентов и подготовили шесть вариантов отображения цены и скидки для мобильной и десктоп-версии в нашей дизайн-системе. По результатам A/B-тестирования на стороне клиента был выбран один оптимальный вариант, который мы доработали и внедрили в финальный макет.

Этот этап помог выстроить единый подход к развитию дизайна и пользовательского опыта и последовательно развивать платформу.

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

Платформа продолжает развиваться как продукт: разработанные решения, визуальный язык и дизайн-система последовательно тиражируются на новые страницы и разделы. Продолжается работа над комфорт- и бизнес-направлениями (главная и страницы проектов), а также внутренними разделами — избранное, сравнение, коммерция, акции, контакты и др., включая проработку сценария «Способы покупки».

Решения по сегментам комфорт/бизнес/премиум задают эталон визуального и UX- подхода для всей платформы.