Задача

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

Со временем сайт А101 перестал отражать реальный продукт компании. ГК А101 специализируется на строительстве жилых кластеров формата «город в городе». Компания создает всю необходимую коммерческую инфраструктуру внутри своих проектов: бизнес-центры, ритейл и социальные объекты. Но пользователь вместо целых районов, полностью подготовленных к жизни, видел на сайте набор отдельных ЖК и не осознавал реального масштаба и всех преимуществ проектов А101.

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

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

В кейсе

Кейс утвердили

Аналитика и погружение в процессы

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

ИдаПроджект — цифровой партнер для 64% крупнейших девелоперов из ТОП-100 ЕРЗ. Наша компания 12 лет специализируется на создании комплексных цифровых решений для недвижимости. На примере нашего сотрудничества с группой компаний А101 покажем, как выглядит продуктовый подход к редизайну и как осуществить бесшовный переход на новую версию сайта застройщика. 

Редизайн как перестройка продукта

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

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

Что дает редизайн сайта девелоперу

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

• Упрощает выбор квартиры для пользователя и повышает конверсию сайта

• Улучшает качество лидов и снижает нагрузку на отдел продаж

• Усиливает маркетинговую воронку

• Позволяет оптимизировать рекламные кампании и расходы на трафик

• Обновляет технологическую базу и делает сайт стабильнее

Ключевая цель редизайна — показать все направления работы ГК А101. На первом этапе мы обновили корпоративную часть сайта и связали её с разделами жилой и коммерческой недвижимости общей концепцией жизни в районах и развития территорий.

Тендер на редизайн

На момент решения А101 о редизайне мы уже более 10 лет работали над проектами компании, как в формате разработки с нуля, так и в формате поддержки текущих цифровых продуктов. Однако, учитывая сложность и масштаб задачи, компания решила рассмотреть все возможные решения от разных разработчиков. Это безусловно был вызов для нас и мы с ним справились.

Мы не ограничилась разработкой интерфейса (как было в задании) и показала весь пользовательский сценарий с воронкой от первого касания до целевого действия. Это позволило показать не только дизайн, но и то, как новый сайт будет работать на конверсию.

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

Три этапа редизайна

Для бесшовного перехода на новую версию редизайн разделили на три этапа по юнитам:

• Корпоративный портал

• Жилая недвижимость

• Коммерческая недвижимость

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

Аналитика для нового блока

До редизайна корпоративного портала фактически не существовало — была только страница «О компании». Мы провели серию рабочих сессий с клиентом:

• Собрали требования разных департаментов

• Согласовали структуру разделов

• Перераспределила контент между частями сайта

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

Выгодные решения

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

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

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

Релизная стратегия: параллельная работа двух команд

Главный риск редизайна — разрыв между старым и новым продуктом. Пока создается новая версия сайта, старая продолжает развиваться: появляются новые разделы, запускаются новые объекты, обновляются цены и планировки.

Поэтому для безопасного редизайна мы организовали параллельную работу двух команд:

Вклад команды развития

Команда развития участвовала в проекте с самого начала:

• Передавала знания о бизнес-процессах

• Проверяла новые решения на соответствие реальной логике продаж

• Следила за тем, чтобы новые функции учитывали изменения на действующем сайте

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

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

И самое важное — пока создавалась новая версия, старая продолжала развиваться: запускались новые проекты, обновлялись разделы, менялись данные.

Редизайн занял год. В активной фазе над проектом работали 30-50 человек. Пока шла разработка нового сайта, команды А101 и ИдаПроджект параллельно развивали обе версии и прорабатывали гипотезы масштабирования функционала.

Одновременное обновление фронтенда и бэкенда

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

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

Результаты

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

• Количество и качество обращений

• Конверсию в уникально-целевые звонки

• Пользовательскую активность

• Скорость загрузки страниц

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

Конверсия в уникально-целевого лида

Количество целевых лидов на новом сайте значительно выше, чем на старом — рост в 2 раза. Это может указывать на больший интерес пользователей к лотам и проектам. А этот интерес формируется за счет нового пользовательского пути и нового представления продукта.

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

Доля целевых звонков

Изменилось и качество обращений. Доля целевых звонков от общего количества увеличилась на 33%. Это означает, что пользователи стали чаще обращаться по вопросам, связанным с покупкой недвижимости, а не с общими вопросами. Все метрики начали расти сразу после запуска.

Что влияет на успех редизайна

Опыт нашего редизайн-проекта с А101 показывает, что успешное обновление сайта девелопера зависит не столько от дизайна, сколько от работы с продуктом и от организации процессов.

Ключевые факторы успеха редизайна

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

• Разделение на несколько этапов — разделение редизайна по юнитам снижает риски для бизнеса.

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

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

Как часто сайту необходим редизайн?

Большинству девелоперских сайтов редизайн требуется примерно раз в 3–4 года. Именно за это время меняются пользовательские сценарии, появляются новые продукты и сервисы, устаревают технологии. В результате сайт начинает работать хуже: растет стоимость привлечения лидов, конверсия стагнирует или снижается, а маркетинговые возможности ограничиваются старой архитектурой.

Редизайн с ИдаПроджект

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

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

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