Главное о кейсе
Увеличена конверсия сайта в 1,5 раз
Сайт стал более удобным и привлекательным для пользователей, глубина просмотра стала больше на 2 страницы.
Кол-во органического трафика увеличилась в 1,7 раз
Время отрисовки FCP сократилось с 6.6 до 1.4 секунд; Время отрисовки LCP уменьшилось с 8.4 до 1.7 секунд.
Time to market увеличен в 3 раза
Как проект изменил жизнь пользователей
Страна Девелопмент - клиентоориентированная компания.
Мы всегда стремимся сделать процесс выбора квартиры максимально простым и удобным для клиентов.
Пользователи стали проводить больше времени на сайте, быстрее получать обновление функционала, больше оставлять заявок, а опросы показали рост удовлетворенности пользователей.
Бизнес-задача и ее решение
Ключевой задачей было повышение конверсии, удобство использования сайта и сокращения скорости разработки.
Была проведена колоссальная работа:
Проведена аналитика, построена CJM на основании которой был спроектирован, отрисован и реализован новый дизайн и функционал страниц сайта
Произведена SEO оптимизация сайта для улучшения позиций в поисковой выдачи
Увеличена скорость загрузки и производительность сайта
Внедрен новый подход к архитектурному проектированию
Увеличено кол-во проведенных A/B тестов
Крафт (мастерство), реализация, технические детали
Дизайн и функциональность:
Главная страница
1. На главном экране добавили возможность выводить рендер во весь блок, он стал более привлекательным, что стало сразу видно на тепловой карте
2. Чуть меньшие блоки-фичерсы помогают сегментировать аудиторию на агентов, жильцов, и покупателей желающих купить квартиры сразу с ремонтом и для тех кто собирается переезжать в город и покупает недвижимость онлайн
3. Сразу стал виден заголовок фильтра выборщика квартир, что побуждает пользователей к целевому действию: Перейти к выбору квартиры
4. Карточки проектов стали крупнее, стали давать сразу первое представление о проекте, как проект будет выглядеть вечером, вызывать желание у пользователей познакомиться с проектом.
Страница проекта
1. Добавили больше визуального представления о проекте: много крупных рендеров, видео, 3D и виртуальных экскурсий
2. На главном экране проекта теперь пользователю доступны спец офферы по данному проекту
3. Упростили использование с помощью навигационного меню по странице проекта
4. Упростили использование генплана, теперь пользователь сразу видит название домов, номера секции, завершенные и будущие дома, а так же стало возможным более подробнее ознакомиться с инфраструктурой в модальных окнах с картинками
5. Добавили блок с конструктором ремонта, чтобы пользователь мог ознакомиться с вариантами дополнительных продуктов в данном проекте
Каталог квартир и фильтр
1. Сделали более явными и заметными поля для ввода
2. Акции выделили и объединили их по группам (Скидки, подарки, выгодные условия покупки) чтобы пользователь не путался в их кол-ве
3. Сделали подборки квартир (Квартира недели, Ключи сегодня, Пентхаус и т.д.) для тех кто ищет наиболее интересные варианты или ещё не определился с выбором
4. Для удобства сделали функцию восстановления предыдущего поиска
5. Добавили счётчики примененных фильтров
6. Для особенностей квартир сделали тултипы с описанием и картинкой
7. Сортировку переименовали и сделали более понятной пользователю (“сначала дешевле” вместо “по увеличению стоимости” и т.д.)
8. Внедрили фильтрацию по секции
Страница квартиры
1. Переработали компоновку страницы для группировки информации по смыслу, теперь все преимущества и акции квартиры в одном месте.
2. Можно выбрать удобный способ покупки
3. На странице появился конструктор ремонта, где можно выбирать стиль отделки комнат, сан узла, меблировки и опции умного дома.
SEO оптимизация сайта
1. Переработана структура URL, отказались от поддоменов, а адреса сделали (ЧПУ) более понятными и читаемыми для пользователей
2. Изменили логику формирования sitemap
3. Сделали автоматическое формирование уникальных Title и Description
4. Создали конструктор посадочных страниц
5. Выпущено более 60 задач направленных на улучшения SEO оптимизации сайта
Увеличена скорость загрузки и производительность сайта
1. Выполнен рефакторинг кода
2. Настроена ленивая загрузка и гидратация
4. Подключен и настроен CDN сервер
Новый архитектурный подход
Поскольку сайт плотно пересекается с другими цифровыми продуктами компании такими так Личный кабинет риелтора и Панель менеджера которые частично используют функционал сайта. (В этих продуктах так же есть страницы каталога с фильтром, генплан, страница квартиры и т.д.)
Раньше прежде чем внести какие-либо изменения на сайте, приходилось синхронизироваться с другими командами и ждать внесения изменений в код всех продуктов прежде чем выпустить задачу на прод. Но после перехода на микро-фронтенд архитектуру все изменения внесенные на сайте, автоматически применяются на других продуктах.
А/В тестирование
1. Внутри отдела была создана специальная команда Growth Team которой генерируется и проверяется большое кол-во гипотез.
2. Подключен сервис "Вариокуб" который позволяет проверять часть гипотез вообще без привлечения разработки.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Большую часть гипотез и инсайтов мы получали через наших исследователей, которые постоянно общаются с клиентами нашей компании, через интервью, опросы и на встречах. Так же мы отслеживаем современные тенденции как внутри рынка недвижимости, так и в сфере электронной коммерции.
Скриншоты