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

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

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

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

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

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

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

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

Читайте также:

Как составить идеальную воронку продаж для B2B и B2C

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

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

• Блоки с изображением. Представляют собой прямоугольную картинку, ведущую на нужную страницу сайта.

• Слайдеры. Там изображения меняются при клике или по заданному таймеру.

• GIF-блоки. Представляют собой анимацию, которая на фоне статичной страницы сайта лучше привлекает внимание.

• Flash. В них можно вставить аудио, сделать блок интерактивным в виде небольшой игры или видео.

• HTML5-блоки. Это адаптивные баннеры, размер которых меняется в зависимости от устройства пользователя.

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

Читайте также:

Расчет конверсии сайта для разных каналов интернет-маркетинга: формулы, цифры, примеры

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

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

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

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

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

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

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

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

Читайте также:

7 способов как повысить кликабельность объявления в Яндекс Директ

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

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

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

Читайте также:

CTR: что это за показатель, как его считать, какой CTR считается хорошим

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

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

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

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

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

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

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

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

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

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

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

Разберем процесс создания креатива на примере отечественного сервиса 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.

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.