Редизайн баннера увеличил конверсию и снизил число отказов на 20%
Проблема
На сайте отсутствовали эффективные инструменты для информирования пользователей о ключевых мероприятиях, актуальных ставках по ипотеке и других рекламных задачах. Это приводило к упущенным возможностям для привлечения клиентов и увеличения доходов компании
Цели
1. Улучшение пользовательского опыта: Создать баннер, который не перегружает интерфейс и не вызывает отказов.
2. Унификация: Разработать универсальный баннер для мобильной и десктопной версий сайта.
3. Бизнес-задачи: Создать баннеры, поддерживающие бизнес-цели и эффективно доносящие рекламные сообщения.
Процесс работы над задачей
- Исследование
- Анализ текущего состояния сайта и пользовательских путей.
- Изучение конкурентов и лучших практик в отрасли.
- Определение требований к баннерам с учетом целей бизнеса и потребностей пользователей.
- Создание прототипов
- Разработка низкоуровневых и высокоуровневых прототипов баннеров для различных мест на сайте.
- Демонстрация команде для оценки возможности реализации и выбора подходящих вариантов отображения баннера.
- Визуальный дизайн
- Создание визуально привлекательных и информативных баннеров с учетом фирменного стиля компании.
- Адаптация дизайна для различных устройств (десктоп, мобильные устройства).
- Разработка и интеграция
- Взаимодействие с командой разработчиков для реализации баннеров на сайте.
- Тестирование баннеров на различных устройствах и браузерах для обеспечения корректной работы.
- Запуск и анализ
- Запуск баннеров и мониторинг их эффективности с помощью веб-аналитики.
- Сбор метрик для дальнейшей оптимизации и улучшения функционала.
Дизайн-процесс
- Проблема: Текущий баннер на мобильной версии сайта устарел, не соответствует рекламным требованиям, высокий процент отказов.
- Всплывающий баннер не соответствовал рекламной кампании и содержал только иконку и текст.
- Множество всплывающих модальных окон вызывало раздражение у пользователей, что приводило к увеличению числа отказов и переходов к конкурентам.
Решение:
- Создан компонент баннера, учитывающий дизайн рекламной кампании и страницы, на которую он ведет. Легко заменяются фон, изображение и текст, что ускоряет процесс разработки и соответствует требованиям бизнеса и тенденциям рынка.
- Всплывающие баннеры оставлены только для критически важной информации. Остальные баннеры размещены на выдаче квартир каждой шестой карточкой, что позволяет показать больше акций без необходимости закрывать всплывающие окна.
2. Проблема: количество мест под баннеры меньше, чем запросов от разных отделов бизнеса.
Решение:
- Баннер в хедере сайта, меняющийся от сессии пользователя.
- Баннер над выдачей объектов, относящийся к типу недвижимости и объектам выдачи.
- Внешний вид баннера идентичен мобильной версии.
- В компоненте можно включить маркировку рекламы при необходимости.
- Разработан и задокументирован гайд по использованию баннеров, упрощающий процесс для дизайнеров и разработчиков, а также для бизнеса.
3. Создание баннеров под бизнес-цели:
Совместно с другими дизайнерами разработаны баннеры, эффективно доносящие рекламные сообщения и поддерживающие бизнес-цели.
Результаты
Результаты согласно данным Яндекс Метрики, показали статистически значимое увеличение конверсии по следующим показателям:
- Снижение отказов: Отказы на мобильной версии сайта снизились на 20%.
- Клики на баннеры: Количество кликов на баннеры между карточками сократилось, но качество и глубина просмотров увеличились, что свидетельствует о более теплой аудитории. Гипотеза: на всплывающих баннерах происходят мисклики.
- Увеличение кликов на карточки объектов: Всплывающий баннер уводил пользователя с выдачи объектов. Теперь пользователь продолжает внимательно изучать объекты и выполнять целевые действия.
- Унификация и стандартизация: Новый универсальный баннер облегчил процесс разработки и дизайна. Скорость реализации баннера от постановки задачи до появления на сайте сократилась.