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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

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

Отменить
1708 11 2
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)
Довольно массивный баннер. В силу своих размеров не интегрируется в текст, чаще всего его располагают с правой-левой стороны от текстовой части.
Объявление на половину страницы (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

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

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

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

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

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

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

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

Экспорт недоступен для вашего тарифного плана. Вам необходимо улучшить свой тариф до Lite или выше, чтобы получить доступ к инструменту Подробнее

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов