Баннер на главной странице самолета
Моя роль: Cтарший веб-дизайнер, лид проекта
Проблема
На главной странице сайта есть блок с плиткой баннеров, демонстрирующих лучшие предложения для клиентов. Однако крупный баннер в этом блоке начал терять эффективность — количество кликов и переходов с него регулярно снижалось. Это особенно важно, так как данный баннер является частью слайдера. Потребовалось найти системное решение для улучшения его работы.
![](https://static.tildacdn.com/tild3464-3834-4232-a562-643633326563/-/resizeb/20x/Screenshot202024-03-.png)
![](https://static.tildacdn.com/tild6535-6235-4638-a161-373530663039/-/resizeb/20x/Screenshot202024-03-.png)
Решение
Не изменяя структуру плитки, мы предложили универсальное решение — использовать всё пространство баннера для визуального контента.
![](https://static.tildacdn.com/tild6165-3632-4664-b337-353063343831/-/resizeb/20x/Group2026045.png)
![](https://static.tildacdn.com/tild3466-3635-4235-b539-303535393365/-/resizeb/20x/Group2026047.png)
![](https://static.tildacdn.com/tild3930-6663-4234-b532-663463303762/-/resizeb/20x/Group2026048.png)
Процесс
Формирование гипотезы
Мы разработали гипотезу о том, что пользователи страдают от баннерной слепоты из-за слияния крупного баннера с другими элементами на странице и использования однотипных элементов из брендбука, таких как иконки и плашки. Это может привести к потере интереса к предлагаемым акциям. Мы предположили, что создание универсального решения, которое не затронет много аспектов разработки, но в то же время сможет более эффективно выделить особенности этого баннера, приведет к увеличению конверсии.
Мы разработали гипотезу о том, что пользователи страдают от баннерной слепоты из-за слияния крупного баннера с другими элементами на странице и использования однотипных элементов из брендбука, таких как иконки и плашки. Это может привести к потере интереса к предлагаемым акциям. Мы предположили, что создание универсального решения, которое не затронет много аспектов разработки, но в то же время сможет более эффективно выделить особенности этого баннера, приведет к увеличению конверсии.
Прототип
У нас вышло 3 варианта, которые нас устраивали внутри
У нас вышло 3 варианта, которые нас устраивали внутри
![](https://static.tildacdn.com/tild6565-6432-4737-a662-386133383030/-/resizeb/20x/D0BFD0BED0B4D185D0BE.jpg)
Исследование
Внутри компании среди коллег маркетинга провели опрос, какой вариант баннера может выглядеть презентабельнее и повысить конверсию на сайте. Для этого мы создали гугл опрос, где отразили 3 типа баннера. 77% респондентов выбрали первый вариант баннера. После с коллегами из дидижитал маркетинга, мы запустили A/B-тестирование старого баннера и нового
Внутри компании среди коллег маркетинга провели опрос, какой вариант баннера может выглядеть презентабельнее и повысить конверсию на сайте. Для этого мы создали гугл опрос, где отразили 3 типа баннера. 77% респондентов выбрали первый вариант баннера. После с коллегами из дидижитал маркетинга, мы запустили A/B-тестирование старого баннера и нового
Результат
![](https://static.tildacdn.com/tild3133-6366-4561-a163-313837623731/-/resizeb/20x/Group209.png)
![](https://static.tildacdn.com/tild6663-6364-4036-b766-313038626663/-/resizeb/20x/Group2026049.png)