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

Контент-маркетолог
Стаж 10 лет
Обновлено: 07.09.2023 Опубликовано: 27.08.2023

Баннерная реклама — один из классических видов продвижения в интернете. Ее может позволить себе практически любой, вставший на ноги, бизнес. К тому же можно снизить расходы, создавая креативы для объявлений самостоятельно, ведь так не придется платить дизайнеру. Да и благодаря многочисленным онлайн- и оффлайн-сервисам сегодня разработать эффективные баннеры для маркетинговых тестов можно практически «на коленке»‎. Для этого существуют шаблоны и множество видеоуроков в открытом доступе.

Что такое рекламный баннер и зачем он нужен

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

Простыми словами, баннер — это блок с изображением, анимацией или видео.

Рекламные баннеры выполняют следующие функции:

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

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

Какие виды баннеров существуют

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

  • Блоки с изображением. Представляют собой прямоугольную картинку, ведущую на нужную страницу сайта.
Креатив для услуг веб-дизайна
Креатив для услуг веб-дизайна
  • Слайдеры. Там изображения меняются при клике или по заданному таймеру.
Креатив для продажи кроссовок
Креатив для продажи кроссовок
  • GIF-блоки. Представляют собой анимацию, которая на фоне статичной страницы сайта лучше привлекает внимание.
Креатив для продажи сумок
Креатив для продажи сумок
  • Flash. В них можно вставить аудио, сделать блок интерактивным в виде небольшой игры или видео.
Flash-креатив для перехода по ссылке
Flash-креатив для перехода по ссылке
  • HTML5-блоки. Это адаптивные баннеры, размер которых меняется в зависимости от устройства пользователя.
Анимированный креатив ко Дню Индии
Анимированный креатив ко Дню Индии

Последние два вида креативов создают и размещают профессионалы. Как правило, они стоят дороже и показывают лучшие результаты. Но все, конечно, зависит от множества факторов.

Где и как размещают баннеры в интернете

Раньше баннеры размещали в специальных блоках на сайте, в строго определенных местах. Это делал владелец или администратор ресурса. Сейчас для размещения рекламы существуют баннерные сети. Благодаря им рекламодателю не нужно писать администраторам всех интересующих площадок. Достаточно завести личный кабинет в сети, подобрать целевую аудиторию и загрузить баннеры, а также задать тонкие настройки.

После запуска кампании объявления будут показаны на всех площадках с нужной ЦА. То есть блоки на страницах, отведенные владельцами ресурсов под рекламу, теперь заполняются автоматически, а не вручную. Пользователи, заходя на сайт, видят не один и тот же креатив. Им будут показаны персонализированные объявления в зависимости от их интересов, заботливо собранных поисковыми системами.

Найти друг друга рекламодателю и покупателю помогает система RTB, или Real time bidding. Именно она сравнивает настройки рекламодателя из личного кабинета рекламной сети и предпочтения пользователей. Какое именно объявление увидит пользователь, становится понятно лишь в последние доли секунды загрузки страницы. 

Рекламные баннеры могут иметь самые разные размеры. Естественно, от них зависит место размещения объявления и итоговая конверсия. Основные рекомендованные размеры веб-баннеров собраны в документе Fixed Size Ad Specifications от компании ‎Interactive Advertising Bureau из США‎.

С таким выбором размеров разместить баннер можно практически в любом месте
С таким выбором размеров разместить баннер можно практически в любом месте

Несмотря на разнообразие форматов объявлений в основном используются следующие размеры: 300x250, 728x90 и 160x600 пикселей. 

Для размещения баннерных объявлений у бизнеса сегодня есть следующие варианты:

  • «Яндекс Директ». Здесь можно запускать кампании с оплатой за показы. С 2016 года через рекламную сеть Яндекса можно размещать графические баннеры. Эффективность рекламы повышается за счет смарт-креативы, в основе которых списки товаров. Так, под каждого пользователя подбирается собственная реклама. Отдельный формат — объявления на страницах поисковой выдачи.
  • Google Ads. В РФ сервис отключен, но им можно пользоваться, применяя обходные пути. Здесь можно загружать готовые баннеры в кабинете контекстно-медийной сети. Можно размещать в выдаче графическую и анимационную рекламу. Также есть медийные адаптивные объявления, которые подстраиваются под интересы пользователей. Правда. из России рекламу можно оплатить только через иностранных посредников.
  • Баннерные сети. На разных площадках свои требования к объявлениям. Например, где-то нельзя загружать HTML-объявления, но нельзя flash. Также есть ограничения по форматам файлов, размерам и весу. После загрузки креативов для объявлений нужно вручную ввести настройки кампании и зачислить рекламный бюджет. 

Оценить эффективность кампании можно по следующим метрикам:

  • CTR, или click-through rate. Это соотношение кликов к показам рекламы. Главная метрика.
  • Число отказов. Это процент пользователей, которые ушли с сайта компании сразу после перехода с объявления.

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

5 примеров сильных рекламных баннеров

Шаблон для внятного предложения (крупным шрифтом) и нюансов (мелкий шрифт). Есть кнопка, место для лого и скидки.

Креатив для рекламы мебели
Креатив для рекламы мебели

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

Шаблон объявления о скидке на украшения или модные женские аксессуары
Шаблон объявления о скидке на украшения или модные женские аксессуары

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

Шаблон креатива обучающих курсов
Шаблон креатива обучающих курсов

Классический креатив для «Черной пятницы». Крупным планом изображение товара, большая надпись о супер-скидке. Отдельно есть размер скидки и кнопка для целевого действия.

Объявление с рекламой скидок на наушники
Объявление с рекламой скидок на наушники

А это объявление для продвижения личного бренда. Лицо эксперта здесь — обязательный элемент. Также есть его цитата, которая выполняет роль УТП. В левом нижнем углу перечислены услуги компании. Оффер и кнопка по традиции по середине.

Креатив для рекламы личного бренда
Креатив для рекламы личного бренда

Как создать баннер: пошаговая инструкция

Прежде чем создать свой первый креатив, нужно подготовиться. У молодого бренда должен быть сформирован собственный визуальный стиль. Если его нет, стоит решить следующие вопросы:

  • Подберите шрифт. Лучше будут читаться простые шрифты без засечек. Декоративных вариантов не нужно.
  • Выберите 3-4 цвета для креатива. Если у бренда уже есть фирменные оттенки, стоит использовать их. Главное — чтобы цвета не сливались. Поэтому нужно брать контрастные оттенки.
  • Сформулируйте предложение. Для этого нужно четко понимать, кому и зачем адресовано УТП. Основое внимание уделите созданию емкого и привлекательного заголовка.
  • Подберите размер и вид объявления. Это зависит от требования рекламной площадки. Если размер оптимален, креатив не растянется и обрежется при размещении. Вид объявления лучше подбирать, исходя из предложения и результатов A/B-тестов.
  • Выберите кнопку и надпись на ней. Она должна выделяться в объявлении. На нее можно сделать анимацию, чтобы привлечь дополнительное внимание. Надпись на кнопке должна призывать к действию. Но не напрямую. Стоит избегать вариантов вроде «‎Купить». Это слово подсознательно навязывает ответственность. Вместо этого лучше использовать сочетание «‎Хочу попробовать».

Далее можно приступить к созданию баннера. Если вы не умеете пользоваться Adobe Photoshop или Illustrator — не беда. Подойдут сервисы с меньшим количеством функций и интуитивно понятным интерфейсом. Да, они дают меньше возможностей, но с их помощью создать яркий, привлекающий внимание, баннер может даже новичок.

Для этого подойдут, например, Figma, Canva, SUPA, Freepik или Ellti. Достаточно популярный сервис для разработки дизайна Canva, но сейчас доступ в него из РФ ограничен. Конечно, для оплаты подписки можно использовать сервисы-посредники или международные виртуальные карты, но не все захотят осваивать такие способы.

Разберем процесс создания креатива на примере отечественного сервиса SUPA. Создатели позиционируют его, как «Простой графический конструктор для всех». 

После несложной регистрации мы попадаем в личный кабинет, где для начала работы нужно нажать на кнопку «Создать креатив»:

Личный кабинет SUPA
Личный кабинет SUPA

Мы попадаем в список шаблонов, где для создания веб-объявления выбираем в верхней части вкладку «Реклама» и кликаем на «Баннер для сайта»:

Рекламные форматы в SUPA
Рекламные форматы в SUPA

Перед вами появятся шаблоны разных размеров для различных целей. Кликаем на подходящий. Мне понравился симпатичный креатив с гвоздиками на сером фоне и предложением скидки:

Шаблон креатива в SUPA
Шаблон креатива в SUPA

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

В левом столбце можно добавить текст, фото, видео, аудио и разные графические объекты. Например, иконки или эмодзи: 

Редактирование креатива в SUPA
Редактирование креатива в SUPA
Шаблоны аудио в SUPA
Шаблоны аудио в SUPA

Для этого есть 11 женских и мужских голосов. С этой функцией при желании можно поиграть. 

Когда баннер готов, нужно нажать кнопку «Скачать». Получить файл нельзя, если не куплена премиум-подписка: для месячного использования она стоит всего 990 рублей. Платное скачивание созданных креативов — это, пожалуй, единственный минус SUPA. В остальном сервис достаточно прост и удобен.

6 шаблонов баннеров для ваших проектов

Шаблон для продажи недвижимости

Скачать шаблон: https://disk.yandex.ru/d/TDHL2PskO1AsYw

Креатив со множеством элементов. Здесь есть само предложение, его преимущества, стоимость и кнопка для целевого действия. Также места для фото, чтобы пользователь увидел, что ему предлагают. Учитывая сложность продажи недвижимости, на шаблоне есть, кажется, все средства.

Креатив для продажи недвижимости
Креатив для продажи недвижимости

Шаблон для аренды недвижимости, отелей, гостиниц

Скачать шаблон: https://disk.yandex.ru/d/6fK4MumNOrx-cQ

Креатив с обрамлением изображения в виде беспорядочных мазков краски. Интересное решение для аренды, но все элементы здесь присутствуют. Это лого бренда, заголовок и подзаголовок. 

Креатив для аренды недвижимости
Креатив для аренды недвижимости

Шаблон для распродажи с товаром

Скачать шаблон: https://disk.yandex.ru/d/j0UMYja4fFVXgA

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

Креатив для любой распродажи
Креатив для любой распродажи

Шаблон для онлайн-курсов

Скачать шаблон: https://disk.yandex.ru/d/RkRHmysFsDCbbQ

Здесь классическая структура. Лицо на изображении, заголовок, подзаголовок и кнопка. А что еще нужно? Пожалуй, номер телефона, который здесь тоже есть.

Креатив для продажи онлайн-курсов
Креатив для продажи онлайн-курсов

Шаблон для галерей и творческих проектов

Скачать шаблон: https://disk.yandex.ru/d/CzJXjg9-oW2GMQ

Надпись не врет. Креатив действительно выполнен в минималистичном дизайне. Люди с художественным вкусом, да и не только они, оценят. Здесь, кажется, есть все для продаж: и профиль темнокожего юноши, и место для лого, и заголовок с подзаголовком, и даже ссылка на сайт. Нет только кнопки. Но кто не захочет кликнуть по такому объявлению?

Креатив для творческих проектов
Креатив для творческих проектов

Шаблон для спортивных товаров и проектов

Скачать шаблон: https://disk.yandex.ru/d/ZMRzmYhwJLehHw

На этом креативе все подчинено динамике. Человек в кроссовках застыл на полушаге во время пробежки. Обратите внимание на графические элементы слева. Они как-будто движутся навстречу ему. Для продаже здесь место для компактного заголовка, подзаголовок, логотип и, конечно, ссылки на соцсети.

Креатив для спортивных проектов
Креатив для спортивных проектов

Коротко о главном

  • Веб-баннер — это рекламное изображение или анимация, которую размещают на сайте, чтобы привлечь внимание пользователей. Баннеры бывают разных форматов. Среди них графические, GIF, адаптивные и другие. Чтобы рекламная кампания была эффективной, необходимо тестировать различные креативы и площадки.
  • Удачно подобранный баннер помогает стимулировать продажи, приводя лидов в воронку продаж.
  • Размещать баннерные объявления можно через Google Adwords, «Яндекс Директ» и рекламные сети. Чтобы привести как можно больши лидов, важно выбрать подходящую целевую аудиторию и задать оптимальные настройки. 
  • Сделать креатив для размещения на сайте при желании может каждый. Для этого в открытом доступе есть множество шаблонов, видео-уроков, курсов и редакторов типа Figma, Canva, SUPA, Freepik, Ellti.

Оценить статью
3 ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
я представляю компанию
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
У меня есть сайт
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Ваше имя*
Введите адрес Вашего сайта:*
Введите Ваш номер телефона:*
Введите Ваш e-mail:*
Введите Ваш ник в телеграм:
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!