23517 56
PPC Читать 9 минут 28 октября 2019

Как создать эффективный рекламный баннер: реальные примеры

Как создать эффективный рекламный баннер: реальные примеры
Андрей Чорный
Андрей Чорный
CEO в Plerdy
Баннеры — один из старейших приемов в интернет рекламе. Они дают максимальный охват аудитории, а если нет проблем с дизайном, то и высокий CTR. Ситуацию не портит даже то, что многие пользователи устанавливают блокировщики рекламы.

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

Каким должен быть баннер: основные тренды дизайна

Дизайн баннера во многом определяется тем, как посетитель сайта будет с ним взаимодействовать. Обычно человек не фокусирует внимание на этом элементе, максимум — скользнет взглядом. Эффективность работы баннера напрямую зависит от того, сможет ли он за эти несколько секунд завладеть вниманием человека. Если да — скорее всего человек кликнет по нему, то есть сделает первый шаг по воронке продаж.
Исходя из этого сформулируем основные требования к дизайну баннеров:
1
Они не должны выглядеть как простые картинки. Баннер должен быть кликабельным.
2
Нужен четкий и понятный посыл, доносящий вашу идею до посетителя страницы. Никакого мелкого текста, обилия небольших элементов. Человек зашел на сайт в поисках нужной ему информации, он не ищет ваш баннер специально, так что и вчитываться в него не будет.
3
Дизайн должен «цеплять».
Из текущих трендов в дизайне баннеров выделим:
1
Интерактивные элементы. Если баннер будет реагировать на поведение человека, это привлечет внимание. В ИКЕА, например, пошли дальше и сами над собой пошутили — сделали баннер в виде инструкции по созданию баннера.
баннер ikea
2
Максимальная информативность и сторителлинг (серия баннеров).
3
Ретро-стиль. Без привязки к определенному временному отрезку.
4
Комбинация разных типов шрифтов, использование текста, стилизованного под рукописный.
5
Стилизация под рисунок.
6
Так называемый «плоский дизайн» — использование простых элементов, контрастных цветов.
Также отслеживайте популярные мемы — их можно внедрить в дизайн баннера и неплохо на этом сыграть. Внимание и высокий CTR гарантированы.
баннер мемы улыбка сквозь боль
Ну вы поняли ;D
Смелость и откровенная провокация также хорошо вознаграждаются. Только не перестарайтесь, в случае со слоганом «Сосну в подарок» (предновогодняя реклама) дело дошло до проверки правоохранителями на предмет пристойности.

Примеры Google Ads баннеров

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

Так как этот элемент используется в рекламе давно, уже сформированы стандартные размеры баннеров. В подавляющем большинстве случаев используется один из стандартных типоразмеров.
Средний прямоугольник (728х90)
Его еще называют leaderboard из-за того, что размещается этот элемент чаще всего в верхней части страницы. При таком расположении пользователь гарантированно заметит его.
Средний прямоугольник (728х90)
В середине текста этот элемент не используется. Отвлекает от ознакомления с материалом и пользователь, вероятнее всего, пропустит его.
Средний прямоугольник (728х90)
Реже leaderboard размещается в конце страницы. Зависит от глубины скроллинга — если этот показатель на уровне 50-60%, большая часть посетителей просто не увидит его.
Inline rectangle (300х250)
Прямоугольник среднего размера — один из самых популярных типов баннеров. Его часто интегрируют в текст, он не вызывает раздражения и смотрится на странице органично.
Inline rectangle (300х250)
Размещаться этот элемент может в любой части страницы. Чаще отдают предпочтение верхней половине, чтобы увеличить вероятность реакции посетителя на баннер.
Inline rectangle
На мобильных устройствах баннеры этого типа используются и для органичного разделения текста.
Inline rectangle
Чаще всего сочетаются баннеры разных типов. Например, leaderboard никак не мешает восприятию inline rectangle, это не ухудшает юзабилити. Рисунок выше — пример использования двух типов баннеров на одной странице.
Объявление на половину страницы (300х600)
Довольно массивный баннер. В силу своих размеров не интегрируется в текст, чаще всего его располагают с правой-левой стороны от текстовой части.
Чтобы поле баннера не выглядело пустым используйте качественные фото, анимацию. Не забудьте про «call to action», посетитель сайта должен сразу понять, что ему предлагают.

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

Для смартфонов этот баннер не подходит.
Широкий небоскреб (160х600)
Напоминает предыдущий тип баннера с той разницей, что небоскреб почти вдвое уже. Принцип использования тот же, что и у объявления на половину страницы — небоскреб размещается в верхней боковой части сайта.
Широкий небоскреб (160х600)
Для смартфонов широкий небоскреб не подходит, его невозможно интегрировать в текст без ухудшения юзабилити. Учитывая площадь экрана, размещать его сбоку от текста также не стоит.
Широкий небоскреб
Широкий небоскреб применяется в случаях, когда в боковой части остается свободное место, но объявление на половину страницы не помещается.

Pop-up окна как лекарство от «баннерной слепоты»

Один из недостатков стандартного показа баннеров в том, что посетители страницы на подсознательном уровне отфильтровывают их как заведомо бесполезные. Это явление называется «баннерной слепотой».

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

Можно выбрать и компромиссный вариант — ненавязчивое уведомление, например, о скидке или проводящейся акции.
Можно настроить его показ в зависимости от:
устройства, с которого пользователь зашел на сайт (с мобильного или обычного ПК);
времени, например, показывать только под конец месяца;
скроллинга страницы, окно может появляться, например, при скролле 50% страницы;
действия посетителя, например, при переходе на страницу определенной категории на сайте интернет-магазина.
Для использования pop-up форм не нужна помощь программиста. Сервис Plerdy предлагает конструктор, с помощью которого умные формы можно добавить к сайту самостоятельно.
Баннерная слепота: почему пользователи игнорируют баннеры и как это исправить?

Примеры использования pop-up окон и обычных баннеров

Ниже вы найдете несколько примеров удачного использования этих элементов для сбора контактных данных и в целях оповещения о важных событиях:
при переходе в категорию «Товары для дома» в интернет-магазине Rozetka появляется баннер, сообщающий о скидке на пылесос и возможности купить его в кредит;
Примеры использования pop-up окон и обычных баннеров
на сайте Фокстрота используется тот же прием — в разделе со смартфонами сообщают о розыгрыше 25 iPhone XR;
форкстрот реклама
на OLX видим 2 стандартных небоскреба, расположенных симметрично прямо на главной странице. Рекламируется возможность поиска работы с этим сервисом;
olx реклама
на lamoda.ua активно собирают контактную информацию. При переходе в любую категорию товаров появляется поп-ап форма, сообщающая о скидке в 15%, чтобы ее получить нужно всего лишь оставить email.
lamoda.ua реклама
Эти элементы используются и на других топовых украинских веб-ресурсах. Они эффективны, нужно только проработать дизайн и не испортить юзабилити сайта.
10 эффективных дизайн-инструментов
для маркетологов

Заключение

Баннеры — элементы, использующиеся в рекламе с 1994 г., они работают и сейчас, обеспечивая приток новых клиентов. В 2014 г. в Google Media Lab проводилось исследование эффективности баннерной рекламы. Из участвовавших в исследовании компаний 82% использовали баннеры. Используют этот прием и в самой корпорации Google, так, во второй половине 2014 г. креативные баннеры повысили упоминание бренда «Android Wear» в интернете на 15,8%.

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

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

Оцените статью по 5-бальной шкале

4.34 из 5 на основе 29 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Используйте лучшие SEO инструменты

Кластеризация ключевых слов

Кластеризация ключевых слов автоматически обработает до 50 000 запросов в несколько кликов

Тренды ключевых слов

Узнайте популярные тренды ключевых запросов для эффективной работы с контентом

Проверка частотности

Быстро в удобном виде получите статистику частоты ключевых слов

Подбор ключевых слов

Поиск ключевых слов – раскройте неиспользованный потенциал вашего сайта

Поделитесь статьей с вашими друзьями

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить
Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm