Руководство по баннеров

Содержание

Вопрос о том, как сделать баннер — один из старейших в рекламном бизнесе рунета. Именно с баннеров, в частности, начинался промоушн в отечественном сегменте сети. В их славную историю мы не будем подробно вдаваться. Достаточно об основах баннерной рекламы мы рассказали в материалах Какие есть виды рекламы в интернете и Что такое медийная реклама в интернете. В этой статье мы опишем, как именно делать баннеры с учётом новых реалий.

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

Виды баннеров

Бывает несколько основных видов баннеров:

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

Все эти разновидности размещаются в стандартных контейнерах определённых размеров. Их насчитывается около двух десятков и все мы приводить не будем. Для примера: 160×600, 240×400, 240×600.

Также существует множество более сложных баннеров, таких как HTML MPU — несколько HTML-креативов, Expandable — растягивающийся, Rich-media — баннер, содержащий сразу несколько медиа-форматов, и другие. Их создают и размещают профессионалы. Такие баннеры, в основном, разрабатываются отдельно для каждого проекта, в отличие от перечисленных выше, пригодных для использования в массовых рекламных сетях, также называемых баннерными.

Размещение баннеров

Есть несколько способов разместить баннер в интернете. Раньше это была процедура сугубо ручная — на сайте создавался блок, в котором администратором размещался тот или иной креатив.

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

Далее баннер адресуется не какому-то заранее определённому сайту. Работает RTB-алгоритм. Real Time Bidding — технология, с помощью которой осуществляется целевой показ рекламных объявлений. В зависимости от того, к какому потребительскому сегменту принадлежит посетитель страницы, которому будет продемонстрирован баннер, аукцион подбирает для него наиболее подходящее объявление согласно настройкам рекламодателя. Последний в рабочем кабинете определяет, какие именно сегменты пользователей будут видеть его баннеры, а площадки управления данными подбирают ту аудиторию, которая по результатам анализа подходит под описание. В результате, происходит моментальный подбор баннера — только в последние доли секунды загрузки страницы становится понятно, какой именно баннер система отобразит в блоке.

Площадки

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

Баннерные сети

Размещение баннеров в интернете обеспечивает перечень баннерных сетей, у каждой из которых свои требования к креативам.

Например, Rotaban.ru всё ещё принимает flash-баннеры, но запрещает HTML.

Более серьёзный игрок Adfox.ru предлагает широкий выбор. Рекламодатель вправе разместить графические и HTML-баннеры. В первом случае допустимы форматы png, gif, jpg, svg и файлы весом не более 300 Кб.

Сеть GinAds.com работает с разнообразными форматами, например: Топлайн, Слайдер, Видео, Боттомлайн, Fullscreen, HTML-баннеры.

Яндекс.Директ

Яндекс внедрил целый набор баннерных размещений для рекламодателей.

• Летом 2016 в РСЯ помимо текстово-графических объявлений появилась возможность показывать сугубо графические баннеры.
• Медийная кампания позволяет показывать баннеры с оплатой за показы.
• Смарт-баннеры, работающие в сетях, основаны на фиде — списке товаров. На его основе генерируется динамический контент под конкретного пользователя.
• Баннеры на поиске — новое слово в контекстной рекламе. Теперь большой графический баннер можно разместить не только в сетях, но также на странице поисковой выдачи.

Google Ads

Более скромные, но вполне реальные возможности размещения баннеров предоставляет также Google. В рекламном кабинете можно обнаружить, что при создании кампании в КМС — контекстно-медийной сети — вам доступна загрузка баннеров. Тем не менее, в то время как графические объявления с анимацией и без разрешаются любому рекламодателю, HTML5 будет доступен только по запросу и при соблюдении требований:

• Аккаунт с хорошей репутацией в аспекте соблюдения правил и оплаты услуг;
• Общие затраты с момента запуска аккаунта — не менее 1000 долларов США.

Вместе с тем, летом 2018 Google по примеру других игроков создал формат адаптивных медийных объявлений. Эти объявления подстраиваются под пользователя с помощью динамического контента и могут быть созданы на основе фида.

Как сделать баннер для сайта и сетей

Начнём с того, что вам может понадобиться с наибольшей вероятностью.

Яндекс.Директ

• Графическое объявление

Создаётся в меню Текстово-Графических объявлений. Загрузка креатива возможна с устройства, а также предусмотрено создание баннера с помощью конструктора.

После задания настроек показов перейдите на шаг создания объявлений. Выберите вверху тип Графическое. В разделе Креатив появится выпадающий список. Из списка выберите подходящий вариант — например, Создать новые по шаблону.

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

• Медийная кампания

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

Для HTML-баннера необходимо подготовить zip-архив с кодом и креативами.

• Смарт-баннеры

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

Далее — загрузить фид — прайс-лист, составленный по шаблону.

• Баннер на поиске

Креатив создаётся предварительно пользователем. Требования:

• 120 Кб
• JPG, PNG или GIF
• 240×400 px

Google Ads

Создание адаптивного медийного объявления начинается с меню Объявления и расширения. В нём необходимо кликнуть иконку плюса и выбрать Адаптивное медийное объявление.

Можно загрузить до 15 изображений и до 5 логотипов. Требования:

• Горизонтальная ориентация. Соотношение сторон – 1,91:1; минимальный размер – 600 x 314. Не более 5 МБ.
• Квадрат. Соотношение сторон – 1:1 (квадрат), минимальный размер – 300 x 300. Не более 5 МБ.
• Логотип (необязательно). Соотношение сторон – 1:1 (квадрат), минимальный размер – 128 x 128 (рекомендуемый формат – 1200 x 1200). Не более 5 МБ.
• Избыточный текст. Не более 20 % изображения.

Сами объявления состоят из настраиваемых элементов:

• Короткий заголовок (как минимум один, до пяти; каждый — до 30 символов)
• Длинный заголовок (до 90 символов)
• Описание (как минимум одно, до пяти)
• Название компании или бренда
• Конечный URL
• Параметры отслеживания или специальные параметры (необязательно)
• Текст призыва к действию (необязательно)  
• Рекламный текст и префикс цены

Баннер с нуля

Специалисты рекомендуют различный софт, который позволяет делать баннеры самостоятельно — в том числе, HTML-баннеры, в которых код генерируется самой программой.

Так, среди популярного программного обеспечения выделяют:

• Adobe Animate CC

• Google Web Designer

Если у вас есть навыки вёрстки, то лучше самостоятельно прописать компоненты на CSS, javascript и HTML.

А еще, размещая баннеры с переходом на ваш сайт на сторонних ресурсах, установите скрипт коллтрекинга – он помогает отслеживать эффективность.

Статья обновлена 24.07.2022

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

Давайте разберёмся, как сделать баннер для сайта самому, что для этого необходимо знать и уметь, как создать баннер при помощи онлайн-редакторов и программ, а также какими инструментами лучше пользоваться.

Что такое баннер и как он работает

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

Баннер – это графическое изображение с текстом или без него. Оно даёт представление посетителям сайта о компании или продукте, привлекает их внимание, предлагает совершить покупку. К тому же, по клику  пользователь легко может перейти с рекламного блока на страницу ресурса, который его заинтересовал.

Стоит начать с простого: как сделать статистический баннер для сайта. Это вид креатива, в котором все детали неподвижны и отображаются одновременно. Анимированный же баннер будет выглядеть интереснее и привлечёт больше внимания посетителей ресурса, однако и делать его сложнее Такой Html5 баннер – это динамичное изображение с большим количеством возможностей. 

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

Может показаться, что создать баннер самостоятельно сложно. И это потребует много знаний и умений, которыми рядовой пользователь  не обладает. Но это не всегда так. Сегодня существует масса возможностей, позволяющих нарисовать рекламный блок и разместить на нём всю необходимую информацию самостоятельно, даже если вы не специалист в  графических редакторах и не способны писать код Html. Сегодня реально  даже создание баннеров онлайн бесплатно, при котором можно сделать верстку баннера за считанные минуты. 

Где взять идеи и какими программами воспользоваться? Что такое Html5 баннер? Как сделать дизайн самостоятельно? Обо всём этом поговорим далее, но сначала давайте разберёмся с азами визуальных искусств, а именно – что должен содержать баннер? 

Дизайн баннера для сайта всегда включает в себя:

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

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

Классификация рекламных баннеров

Выделяют следующие виды баннеров для сайта:

1. Статический баннер для сайта. Это обычное графическое изображение различных форм. С такого баннера по клику пользователь может перейти на нужную страницу ресурса.
2. Динамические баннеры. Изображение, которое может меняться, исходя из выбранной локации. Как правило, такие креативы применяются в сетях контекстной рекламы. Например, в программе Google Web Designer адаптивный баннер можно создать единожды и использовать такой креатив сразу в нескольких размерах. Такой баннер умеет самостоятельно подстраиваться под разные размеры рекламных блоков, подбирает оптимальную ширину и высоту, чтобы содержимое отображалось корректно.
3. Баннер-слайдер. Представляет собой серию изображений, сменяющих друг друга самостоятельно через определённое время или после клика мышкой.
4. Cквозной баннер. Это изображение, проходящее «насквозь» через весь ресурс, то есть размещаемое на всех страницах сайта.
5. HTML-баннер. Это интерактивный баннер, который может содержать в себе серию изображений, анимацию, а также Html-код. Он обладает расширенным функционалом, потому что можно запрограммировать переход на разные страницы в зависимости от клика по определённой области. Создание такого баннера для сайта – более сложный процесс, требует больше времени и сил.
6. Rich-media баннер, переводится с английского языка, как «богатый медиа». Этот баннер может содержать в себе информацию разных форматов: видео, текст, изображение – в общем всё «богатство» контента.

Перечисленные выше виды интернет-баннеров имеют разные размеры. Большой популярностью пользуются web-баннеры 240 на 400 Html5. Но размеры большие и меньши также активно используются создателями рекламных блоков. Подбор размера зависит от вида сайта, пожеланий, задач, которые он должен решать.

Интерактивный — баннеры и статические изображения, адаптивные баннеры и сквозные, — этот вид. В зависимости от своего местоположения на странице может быть нескольких типов:

• pop-up, то есть открывающиеся в отдельном окне и перекрывающие весь главный экран;
• pop-under, открывающиеся в отдельном окне под предыдущим изображением;
• top line – занимает всю верхнюю часть страницы.

Размещение баннеров

Если вы уже разобрались, как сделать хороший баннер, стоит задуматься, где его разместить и кому показывать. Существует несколько вариантов размещения таких рекламных блоков. Раньше всё можно было сделать только вручную: на странице создавался блок, где и размещалась будущая реклама. Сейчас этого не требуется. В интернете есть множество баннерных сетей, которые позволяют заливать контент рекламной платформы и показывать его посетителям. На этих ресурсах у рекламодателей есть личные кабинеты, через которые они загружают свои рекламные блоки.

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

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

Например, сеть контекстной рекламы Яндекс.Директ предлагает загружать баннеры исключительно заданных форматов.

Сайты, которые сотрудничают с поисковиком, подобраны таким образом, чтобы на их страницах было место именно для таких форматов. Наиболее распространённые из них: баннер 240 на 400 пикселей, 240 на 600, 300 на 250, 300 на 300. 

Способы создания баннеров самостоятельно

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

Воспользоваться услугами специалиста или агентства

Этот вариант наиболее прост, особенно, если вы не знаете, как написать код баннера Html5 или создать другой вид рекламного блока. Но, в конечном счёте, он будет стоить гораздо дороже, чем если бы вы сделали всё сами. Найти подходящее агентство или профессионала не сложно. В Сети можно отыскать и отзывы на них, и сертификаты, и многое другое, что поможет в выборе.

Как создать интернет-баннер с помощью графического редактора

Даже если вы никогда не работали с графикой, создать рекламный блок самостоятельно вполне реально. Этот способ не затратен, но отнимет некоторое время. Зато вы сами сможете всё сделать, меняя внешний вид и текстовое содержание, экспериментируя и внося корректировки по мере необходимости. Сложность способа в том, что создавать рекламный блок придётся «с нуля». Но на YouTube и на других ресурсах легко найти много подходящих уроков. Чаще всего используются редакторы Paint, Photoshop, Gimp, CorelDRAW. Но могут быть задействованы и другие графические программы.

Использовать конструктор баннеров для сайта онлайн

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

Редактор Banner Fans 

Имеет интуитивно понятный интерфейс, множество возможностей и функций. Вы можете сделать дизайн баннера «с нуля» самостоятельно либо воспользоваться готовыми шаблонами. 

Сервис Гифовина

Ещё один бесплатный и очень популярный конструктор рекламных баннеров с анимацией. Он умеет создавать анимированные баннеры, аватарки, слайд-шоу, а также открывает перед своими пользователями массу других возможностей.

Онлайн-редактор Canva 

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

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

Html-баннер: как делать

Html-формат потребует чуть больше усилий, чем остальные виды баннеров, однако даст ряд весомых преимуществ. Среди них:

• Такой баннер может быть адаптирован под любую версию страницы сайта: и для мобильных устройств, и для просмотров с ПК.
• Не повлияет негативно на скорость загрузки сайта.
• Имеет больше возможностей для интеграции с системами статистики.
• Можно воплотить в жизнь  любые идеи с динамикой контента.

Html-формат можно реализовать, воспользовавшись CSS3 и JavaScript.  В данном материале мы говорим о том, как изготовить баннер для сайта без специальных навыков, поэтому расскажем о специальном софте, который поможет в решении  задачи. 

Например, программы компании Ulead Systems Ulead Gif Animator и Easy GIF Animator Pro. В них есть множество настроек и возможностей, а встроенный мастер поможет подобрать оптимальный вариант размера для созданной gif-картинки. 

Ещё одна популярная программа для создания Html5-баннеров – Adobe Edge Animate. Но может использоваться также и другой продукт от этого же разработчики – Adobe Animate CC.

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

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

Как вставить html5-баннер

Способ вставки html5-баннера зависит от места сайта, в которое вы хотите поместить креатив, а также от используемой CMS. Например, в WordPress достаточно поместить скопированный код в необходимый виджет.

Для вставки в баннера в шапку сайта потребуется найти файл header.php. А для размещения в тексте – просто скопировать необходимый код и разместить в формате HTML в статье. 

Рекомендации по созданию наиболее эффективных баннеров

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

Чтобы красивый баннер для сайта приносил прибыль и новых клиентов, рекомендуем воспользоваться следующими советами профессионалов:

1. Изображения для рекламного блока должны быть не шаблонными, привлекающими внимание, но не вызывающими негативных или неоднозначных реакций. Содержание картинки желательно подбирать понятное каждому. Графические файлы должны быть качественными, идеально подобранными по размеру.
2. Если вы создаёте рекламный блок самостоятельно, убедитесь, что код баннера для сайта написан правильно. В нём должна быть и картинка, и адрес ссылки, на которую ведёт реклама.
3. Рекламные баннеры на сайт должны запоминаться, мотивировать сделать клик по ним. И изображения, и текст должны вызывать интерес, чтобы посетитель захотел увидеть продолжение.
4. Добавляйте на изображение уникальные детали, которые сделают вашу компанию или сайт узнаваемыми онлайн и офлайн. Например, используйте ваш логотип в баннере на сайт. Размеры элемента очень важны, так как слишком маленькая картинка может рябить в глазах и быть нечитаемой. Обратите внимание на формат самого баннера при добавлении подобных элементов.  
5. В рекламном блоке может не быть текста. Но желательно добавить несколько строк, которые зацепят внимание посетителя. Оставляйте только лаконичные послания.
6. Рекламный блок нужно размещать только на ресурсах с вашей целевой аудиторией. Для каждой группы посетителей можно разработать свой вид креатива. Тогда он лучше сработает. Ведь то, что понравится подросткам и молодым людям, совсем не заинтересует людей 40-50 лет.
7. Не забудьте на видном месте поместить ссылку на ваш ресурс или странички в соцсетях, чтобы пользователь точно знал, куда нажимать для совершения покупки или получения подробной информации о вашем предложении.
8. Используйте шрифты, которые легко читаются. Позаботьтесь о том, чтобы текст не «резал» глаз своим оформлением, цветом, текстурой и другими характеристиками. Так, например, не стоит писать красным цветом на синем фоне. Юзабилити сайта и баннера на нём сильно влияет на поведение посетителей на ресурсе.
9. Помните, интерактивный баннер html5 порой выглядит более презентабельно, чем статичное изображение с текстом. Поэтому постарайтесь, чтобы ваш рекламный блок был не только красивым, но и оформленным с учётом современных тенденций. Чтобы раскрыть все преимущества магазина с широким ассортиментом можно использовать динамический баннер. Пример такого креатива – слайдер с  популярными товарами.

Теперь вы знаете, как сделать баннер для сайта самостоятельно. Не бойтесь ошибиться. Вёрстка баннера не так сложна, как кажется на первый взгляд. С любой программой можно разобраться благодаря большому количеству обучающих материалов в Сети. А чтобы реклама приносила больше клиентов и прибыли, продумайте, что вы хотите ею сказать, какие изображения для баннеров на сайте будут уместнее всего. 

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

Мало сделать рекламный баннер самому, важно, чтобы он был рабочим. Баннер — это не просто картинка с текстом, он должен быть привлекательным визуально, вызывать желание на него кликнуть и передавать правильный посыл. В этой статье мы расскажем критерии качественного рекламного баннера, а также назовем сервисы, в которых его можно сделать за 30 минут.

Выбирайте подходящий размер

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

Если вы делаете баннер для своего сайта, его размер может быть любым, главное, чтобы места хватало. Для Google Ads используются стандартные размеры:

• 728×90 px – полноразмерный баннер, лидерборд (Leaderboard), который показывается вверху или внизу страницы.
• 300×250 px – прямоугольник среднего размера (Medium Rectangle). Он часто вставляется в текст, не раздражает и смотрится органично.
• 336×280 px – большой прямоугольник (Large Rectangle).
• 300×600 px – блок на половину страницы (Half Page).
• 320×100 px – мобильный баннер.

Для соцсетей действуют другие размеры:

• Для Вконтакте размер картинки для поста должен быть 800×800 или 1000×1000 px.
• Для сториз в ВК и Инстаграм – 1080×1920 px.
• Для рекламы в карусели – 400×400px, для универсальной – не менее 537×240px.
• Для постов в Инстаграме – 1080×1080 px. 

Используйте подходящие цвета

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

Не перебарщивайте с элементами

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

Создавайте четкий посыл

Текст на картинке должен читаться мгновенно, ведь пользователь сканирует страницу, а не вчитывается в нее. Рекламное сообщение должно быть коротким, желательно не более 4 строк.

Шрифт также нужно выбирать простой, без засечек и пр. украшательств. Желательно наличие кнопок или чтобы баннер выглядел кликабельным. Цвет шрифта не должен сливаться с картинкой, как на примере ниже:

Используйте призыв к действию (Call to Action) на самой картине или кнопке: «заходите», «получите», «посмотрите», «подпишитесь» и пр. Пользователь должен знать, что ему делать. 

Используйте элементы бренда

На баннере нужно использовать логотип компании или ее фирменные цвета. Пользователь может и не перейти на сайт, но в его голове сохранится название (лого) компании, и в последующем он первым делом ее вспомнит, как только потребуются какие-то услуги/товары.

Используйте анимацию

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

Не переусердствуйте

Для привлекательного баннера достаточно:

• 1 картинки с простым понятным фоном;
• 1 текстового сообщения на пару коротких срок с простым шрифтом и контрастным цветом;
• 1 призыва к действию;
• логотипа бренда.

Правильно сохраняйте файлы

Также выбирайте правильные форматы: JPG, PNG, GIF или HTML5. Не стоит использовать Flash-анимацию – в 2020 г. многие браузеры не поддерживают ее.

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

Canva

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

В чем еще преимущества Canva? Это:

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

Конечно, не все функции и фото бесплатные. Стоимость начинается от 1 $ за шаблон или от 9.95 $ в месяц при подписке на год. Недорого, учитывая стоимость услуг дизайнеров.

Crello

Сервис Crello удобен тем, что имеет популярные размеры шаблонов для рекламы в Google Ads. Дизайн, интерфейс и принцип работы практически такой же, как у Канва, только беднее. Но здесь можно найти интересные шаблоны и фоны, которых нет в других сервисах.

Но с покупкой подписки возможностей становится куда больше. Стоимость начинается от 7.99 $ при подписке на год.

Adobe Spark

Этот сервис можно назвать «фотошопом для чайников». Adobe Spark – англоязычный, но интерфейс интуитивно понятный. Шаблонов много, но меньше, чем у Canva. Кроме языка неудобство создает правостороннее меню, но и к этому можно привыкнуть.

Стоимость платной версии – от 9.99 $.

Desygner

Частично русскоязычный сервис с большим количеством шаблонов, включая для рекламы в Ads. Правда, большинство из них доступны только в премиум-версии. Программа работает в браузерах Mozilla Firefox, Google Chrome, Safari.

В баннер можно добавить различные элементы, но бесплатно доступно немного. Размеры можно менять, а также редактировать сразу несколько картинок в одном окне.

Стоимость платной версии – 9.99 $ в месяц.

Bannersnack

В этом редакторе можно создать статические изображения, а также анимированные в форматах HTML5 и Flash (хотя последнего стоит избегать).

Бесплатных шаблонов здесь больше, чем в предыдущем сервисе. Есть множество готовых размеров. Есть возможность загружать свои картинки. Также можно работать со слоями (в ограниченном режиме).

Бесплатно можно создать 10 баннеров, затем нужно купить подписку стоимостью от 7 $. Заметим, что сервис не работает в Opera. 

Bannerboo

Сервис для создания баннеров Bannerboo имеет русскоязычный интерфейс. Требует отключить Adblock, в противном случае воспользоваться шаблонами не получится.

Графический редактор поддерживает несколько форматов: HTM5, GIF, Mp4, JPEG, PNG. Есть элементы SVG-анимации.

Bannerboo удобен тем, что есть слои, а значит, элементы можно прятать один за другим. Но в бесплатной версии возможностей немного. Подписка стоит 14.99 $ в месяц. 

Fotor

Сервис с необязательной регистрацией Fotor имеет интерфейс на русском языке. В нем можно создавать дизайны, коллаж или редактировать фото. Есть шаблоны для баннерной рекламы, постов для соцсетей и др.

Бесплатный функционал сильно ограничен, но в платной версии открываются множество возможностей:

• перемещение слоев;
• добавление интересных эффектов, 3D-фигур, рамок и пр;
• редактирование размера;
• работа без навязчивой рекламы.

Стоимость подписки составляет от $3,33.

Заключение

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

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

Читайте также: 11 лучших видеоредакторов для Instagram

Настоящая Политика конфиденциальности персональных данных (далее – Политика конфиденциальности) действует в отношении всей информации, которую корпоративный сайт Индивидуального предпринимателя Гилёвой Анастасии Андреевны (далее – Сайт), работающего под брендом Маркетинговое агентство Concept Lab (далее – Агентство), расположенный на доменном имени https://conceptlab.pro, может получить о Пользователе во время использования вышеуказанного корпоративного сайта и работы с ним.

1. ОПРЕДЕЛЕНИЕ ТЕРМИНОВ

1.1. В настоящей Политике конфиденциальности используются следующие термины:

1.1.1. «Администрация Сайта Агентства (далее – Администрация сайта)» – уполномоченные сотрудники на управление сайтом, действующие от имени Индивидуального предпринимателя Гилёвой Анастасии Андреевны, которые организуют и (или) осуществляют обработку персональных данных, а также определяют цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными.

1.1.2. «Персональные данные» — любая информация, относящаяся к прямо или косвенно определенному или определяемому физическому лицу (субъекту персональных данных).

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

1.1.4. «Конфиденциальность персональных данных» — обязательное для соблюдения Оператором или иным получившим доступ к персональным данным лицом требование не допускать их распространения без согласия субъекта персональных данных или наличия иного законного основания.

1.1.5. «Пользователь корпоративного сайта (далее — Пользователь)» – лицо, имеющее доступ к сайту Агентства, посредством сети Интернет и использующее Сайт маркетингового агентства Concept Lab.

1.1.6. «Cookies» — небольшой фрагмент данных, отправленный вебсервером и хранимый на компьютере пользователя, который вебклиент или веб-браузер каждый раз пересылает веб-серверу в HTTP-запросе при попытке открыть страницу соответствующего сайта.

1.1.7. «IP-адрес» — уникальный сетевой адрес узла в компьютерной сети, построенной по протоколу IP.

2. ОБЩИЕ ПОЛОЖЕНИЯ

2.1. Использование Пользователем Сайта означает согласие с настоящей Политикой конфиденциальности и условиями обработки персональных данных Пользователя.

2.2. В случае несогласия с условиями Политики конфиденциальности Пользователь должен прекратить использование Сайта.

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

2.4. Администрация сайта не проверяет достоверность персональных данных, предоставляемых Пользователем Сайта Агентства.

3. ПРЕДМЕТ ПОЛИТИКИ КОНФИДЕНЦИАЛЬНОСТИ

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

3.2. Персональные данные, разрешённые к обработке в рамках настоящей Политики конфиденциальности, предоставляются Пользователем путём заполнения форм заявки, форм обратной связи и форм подписки на Сайте Агентства и включают в себя следующую информацию:

3.2.1. формы обратной связи и формы заявки (расположены на всех страницах Сайта, включая «шапку» Сайта и «подвал» Сайта):

3.2.1.1. фамилию, имя, отчество Пользователя;

3.2.1.2. контактный телефон Пользователя;

3.2.1.3. адрес электронной почты (e-mail);

3.2.2. формы обратной связи и формы заявки (расположены на всех страницах Сайта, включая «шапку» Сайта и «подвал» Сайта):

3.2.2.1. адрес электронной почты (e-mail);

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

4. ЦЕЛИ СБОРА ПЕРСОНАЛЬНОЙ ИНФОРМАЦИИ ПОЛЬЗОВАТЕЛЯ

4.1. Персональные данные Пользователя Администрация Сайта может использовать в целях:

4.1.1. Установления с Пользователем обратной связи, включая направление уведомлений, запросов, касающихся использования Сайта Агентства, оказания услуг Агентства, обработку запросов и заявок от Пользователя.

4.1.2. Подтверждения достоверности и полноты персональных данных, предоставленных Пользователем.

4.1.3. Предоставления Пользователю с его согласия рассылки статей с корпоративного блога Агентства.

5. СПОСОБЫ И СРОКИ ОБРАБОТКИ ПЕРСОНАЛЬНОЙ ИНФОРМАЦИИ

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

5.2. Персональные данные Пользователя могут быть переданы уполномоченным органам государственной власти Российской Федерации только по основаниям и в порядке, установленным законодательством Российской Федерации.

5.3. При утрате или разглашении персональных данных Администрация сайта информирует Пользователя об утрате или разглашении персональных данных.

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

5.5. Администрация сайта совместно с Пользователем принимает все необходимые меры по предотвращению убытков или иных отрицательных последствий, вызванных утратой или разглашением персональных данных Пользователя.

6. ОБЯЗАТЕЛЬСТВА СТОРОН

6.1. Пользователь обязан:

6.1.1. Предоставить корректную информацию о персональных данных, необходимую для эффективного пользования Сайтом Агентства и получения оперативной и компетентной обратной связи от Агентства по запросу Пользователя через заполненные на сайте формы. 6.2. Администрация сайта обязана:

6.2.1. Использовать полученную информацию исключительно для целей, указанных в п. 4 настоящей Политики конфиденциальности.

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

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

6.2.4. Осуществить блокирование персональных данных, относящихся к соответствующему Пользователю, с момента обращения или запроса Пользователя или его законного представителя либо уполномоченного органа по защите прав субъектов персональных данных на период проверки, в случае выявления недостоверных персональных данных или неправомерных действий.

7. ОТВЕТСТВЕННОСТЬ СТОРОН

7.1. Администрация сайта, не исполнившая свои обязательства, несёт ответственность за убытки, понесённые Пользователем в связи с неправомерным использованием персональных данных, в соответствии с законодательством Российской Федерации, за исключением случаев, предусмотренных п.п. 5.2., и 7.2. настоящей Политики Конфиденциальности.

7.2. В случае утраты или разглашения Конфиденциальной информации Администрация сайта не несёт ответственность, если данная конфиденциальная информация:

7.2.1. Стала публичным достоянием до её утраты или разглашения.

7.2.2. Была получена от третьей стороны до момента её получения Администрацией сайта.

7.2.3. Была разглашена с согласия Пользователя.

8. РАЗРЕШЕНИЕ СПОРОВ

8.1. До обращения в суд с иском по спорам, возникающим из отношений между Пользователем сайта Агентства и Администрацией сайта, обязательным является предъявление претензии (письменного предложения о добровольном урегулировании спора).

8.2 .Получатель претензии в течение 30 календарных дней со дня получения претензии, письменно уведомляет заявителя претензии о результатах рассмотрения претензии.

8.3. При не достижении соглашения спор будет передан на рассмотрение в судебный орган в соответствии с действующим законодательством Российской Федерации.

8.4. К настоящей Политике конфиденциальности и отношениям между Пользователем и Администрацией сайта применяется действующее законодательство Российской Федерации.

9. ДОПОЛНИТЕЛЬНЫЕ УСЛОВИЯ

9.1. Администрация сайта вправе вносить изменения в настоящую Политику конфиденциальности без согласия Пользователя.

9.2. Новая Политика конфиденциальности вступает в силу с момента ее размещения на Сайте Агентства, если иное не предусмотрено новой редакцией Политики конфиденциальности.

9.3. Все предложения или вопросы по настоящей Политике конфиденциальности следует сообщать через форму обратной связи в разделе Контакты Сайта Агентства, расположенной по адресу https://conceptlab.pro/contacts/.

9.4. Действующая Политика конфиденциальности размещена на странице по адресу https://conceptlab.pro.

Обновлено «16» ноября 2020 г.

Из-за обилия рекламы CTR баннеров падает, а аудитория перестает воспринимать рекламные сообщения. Чтобы пробить баннерную слепоту, можно использовать приемы нейромаркетинга.

В этой статье наши специалисты из Go Design (входит в группу Go Ahead) рассказывают, что такое нейромаркетинг и какими способами в digital-рекламе можно обратить на баннер внимание аудитории.

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

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

Если знать, на что реагирует мозг потребителя, можно создавать баннеры с хорошей конверсией и CTR. У «правильного» баннера такое сочетание цветов, шрифтов и текста, которое делает его понятным и привлекательным для аудитории. Такой креатив, показанный в правильном месте и в правильное время, — составляющая успеха рекламной кампании и результат использования нейромаркетинга.

Просто, но со вкусом

Исследователи делят креативы на 4 типа в зависимости от того, какой у баннеров дизайн и какие смыслы в них вложены.

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

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

Третий тип — высокая поверхностная сложность и высокая информационная насыщенность. Это сложный баннер, который содержит много деталей, цветов и смыслов. Успех такого дизайна будет зависеть от того, захотят ли люди в нем разбираться. Если нет, то дизайн креатива будет казаться запутанным и не обратит на себя внимание.

Четвертый вид — низкая поверхностная сложность и высокая информационная насыщенность. Это идеальная концепция баннера. Креатив не содержит сложных элементов и множества цветов, но при этом несет скрытое визуальное сообщение, которое можно без труда расшифровать. Такой дизайн по-настоящему интересен.

Пользователя в таком баннере привлекают смыслы, композиция, сочетание цветов, расположение текста и даже синтаксис. Разберемся подробнее, как умелое использование этих составляющих влияет на аудиторию.

Смыслы

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

Рекламной науке известно несколько десятков таких триггеров, но мы рассмотрим самые эффективные механики.

Триггер «Сейчас или никогда!»

Побуждает пользователя купить товар из страха упущенной выгоды. Такая реклама апеллирует к естественному желанию аудитории — приобрести что-то дешевле, чем обычно.

Триггер «Социальное доказательство»

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

Триггер «Ты мне — я тебе»

Вызывает у человека ощущение выгодной сделки. Люди не хотят делать что-то просто так, нужно давать им что-то взамен на их действие: подарок, промокод или бесплатное пробное пользование. Получение моментальных выгод понравится клиенту, и он будет лояльнее относиться к бренду.

Триггер «Мы сделали все за вас»

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

Триггер «Жадность»

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

Триггер «Дедлайн»

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

Использование этих триггеров кратно повышает конверсию баннера.

Расположение баннера в источнике

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

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

Многие агентства предлагают размещение в Brand Safety каналах. Это хорошее решение, если компания заботится не только о высоких конверсиях и переходах на рекламу, но и о своей репутации.

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

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

Структура баннера

Расположение блоков внутри креатива тоже влияет на конверсию. Текст лучше располагать в правой части, а изображения — в левой. Так работает наш мозг: внешние сигналы из одной области обрабатывает противоположное полушарие.

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

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

Так как пользовательское внимание распространяется снизу вверх, слева направо — лучше располагать важные сообщения в левом нижнем углу.

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

Визуал

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

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

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

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

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

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

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

Текст

Свои приемы есть и для создания текста на баннере.

При составлении текстов лучше использовать две цифры или два эпитета. Это усилит рекламное сообщение и даст лучший эффект.

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

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

Другие уверены, что использование отрицания стимулирует спонтанное действие.

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

Ну и классический текстовый прием, без которого не должен обходиться ни один баннер: призыв к действию. Слова «закажите», «оформите», «купите», «посмотрите» помогают пользователю понять, что ему нужно сделать, и увеличивают CR баннера.

После того, как мы разобрали эффективные приемы нейромаркетинга, посмотрим, что же делает наш баннер четвертого типа привлекательным.

Выводы

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

Приемы, которые мы описали, — не окончательный список того, какие возможности есть у нейромаркетинга. Свои особенности есть у разных форматов и каналов — с ними успешно работает наша команда Go Design. Дизайнеры поделятся своей экспертизой и подскажут, как лучше продвигать ваш продукт. Для этого пишите на почту [email protected].

Возможно, вы знаете другие приемы нейромаркетинга, которые узнали за годы работы в рекламе. Напишите их в комментариях: это будет полезно и нам, и нашим читателям.