Примеры баннеров для бизнеса

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

Хотите освоить сквозную аналитику?
Посетите регулярный мастер-класс по аналитике от Roistat.

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

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

Баннерная реклама в интернете — это вид онлайн-рекламы, когда компания размещает на внешних площадках баннеры, чтобы получить визиты на сайт — например, на сайте СМИ. Размещение баннеров происходит на выбранный период и по заданной стоимости. Стоимость баннерной рекламы считается по CPC (стоимости клика) либо CPM (стоимости тысячи показов баннера).

Александр Баулин — Газпром — мечты сдуваются!

Виды баннеров на сайтах

Какими бывают баннеры в онлайн-рекламе:

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

Зачем нужна баннерная реклама

Баннерная реклама в интернете ― это эффективный способ получить лиды. Она:

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

Баннерная реклама помогает:

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

Эффективность баннерной рекламы

Чтобы понять, была ли успешна запущенная баннерная рекламная кампания, обратите внимание на показатели:

• количество показов — сколько всего раз пользователи видели рекламу;
• количество кликов — сколько раз пользователи зашли на сайт;
• CTR — соотношение кликов к показам;
• количество отказов — процент пользователей, которые покинули сайт сразу или почти сразу после перехода с рекламы.

Чек-лист: как сделать рекламный баннер для сайта

1. Определитесь с посылом рекламы. Что вы хотите донести до пользователей, о каких преимуществах товара или услуги рассказать?
2. Продумайте рекламное сообщение. Оно должно быть чётким, коротким и быстро читаться. Разместите призыв к действию на кнопке или изображении: «позвоните», «скачайте», «забронируйте», «закажите».
3. Выберите площадку для размещения — пользователи увидят ваш баннер в рекламе на внешней площадке, в контекстной или таргетированной рекламе?
4. Определите размер баннера. Он зависит от типа устройства и площадки, на которой баннер будет показываться: на сайте, в соцсетях, в поисковике.
5. Определите цвет. Баннер должен быть заметен на сайте. Перед дизайном картинки посмотрите на фон страницы, где вы планируете разместить баннер.
6. Выберите шрифт. Он должен быть простым без вычурностей и контрастировать с фоном баннера по цвету.
7. Используйте фирменные цвета или логотип компании.
8. Используйте минимум деталей. Слишком много элементов будет отвлекать внимание от главного рекламного посыла.
9. Используйте анимацию, если это уместно. Анимированная картинка больше привлекает взгляд. Она должна быть простой и длиться до 14 секунд.
10. Сделайте баннер кликабельным. Например, разместите кнопку или подсвечивайте баннер, когда пользователь наводит на него курсором — чтобы было видно, что элемент кликабельный.

Где и как разместить баннер

Есть несколько способов размещения баннеров:

5 ЛУЧШИХ РЕКЛАМНЫХ ФРАЗ ДЛЯ ТАРГЕТА // Что написать на рекламном макете?

1. Баннерные сети. Например, Rotaban.ru, Adfox.ru GinAds.com. В рекламном кабинете можно загрузить макет, выбрать аудиторию и другие нужные настройки. В зависимости от этого, баннерная реклама будет показываться на разных площадках для конкретной целевой аудитории.
2. Сайты других сервисов или бизнесов. Иногда нужно размещение на одном или нескольких сайтах. Для этого нужно создать макет баннера и договориться с владельцем сайта о его размещении.
3. В Яндекс.Директ и Google Ads: можно разместить графические баннеры, смарт-баннеры на основе списка товаров, которые создают персонализированный контент под пользователя, баннеры на странице поисковой выдачи.
4. Также в Google Ads можно разместить графические и анимационные баннеры, а также адаптивные медийные баннеры, которые подстраиваются под пользователя.

Источник: roistat.com

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

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

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

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

Зная о баннерной слепоте, дизайнеры и маркетологи считают вопрос «что нужно, чтобы пользователь кликнул на баннер?» второстепенным — сначала нужно добиться, чтобы он увидел объявление. Как это сделать, разберемся в этом материале.

Выделяйтесь — оформлением, цветом, текстом

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

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

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

Услуги студии Digital Lab выделены с помощью фигур контурных кнопок, которые дополняют цветные круги

Основные элементы дизайна в оформлении баннера агентства E-Promo — кубы, часть из которых составляется в более сложные геометрические фигуры

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

Реклама магазина товаров для дома и ремонта OBI

Баннер разработчика сайтов и приложений Evrone

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

Увидев баннер, пользователь решает: кликнуть на него или пролистать. Дополните яркие цвета и необычные креативы цепляющим текстом. Призыв должен быть понятным и конкретным: «Закажите аудит и узнайте, в чем ваша проблема», «Узнайте, почему ваша реклама не работает». Также в текст объявления можно добавить провокацию, как на примере ниже.

Кристина Маринович digital директор СreativePeople

Есть несколько способов преодолеть баннерную слепоту. Главное, чтобы они не противоречили концепции кампании с баннерами и фирменному стилю бренда.

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

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

Экспериментировать с анимацией. Движущиеся элементы считываются периферийным зрением лучше, чем статичные. Сейчас в тренде анимация и 3D. Все современные баннеры поддерживают HTML-анимацию, которая не требует больших ресурсов и отображается в 100% качестве, в отличие от GIF-анимации.

Недавно мы сделали новый формат рекламных баннеров с помощью Swirl от Google. В баннере есть 3D-модели, которые взаимодействуют с курсором. Пользователь может приблизить трехмерное изображение товара, прокрутить и переместить его. По результатам Google, новые баннеры в три раза увеличили уровень вовлеченности.

Главное правило в анимации — не увлекаться. Рекомендую сделать анимацию кнопки, заголовка и ключевого визуального образа — этого будет достаточно.

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

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

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

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

Анна Гембель дизайнер TRIKO

1. Подбор контента. Баннер, как и любая реклама, решает задачу пользователя, а не рекламодателя. Важно, чтобы баннер был релевантен пользовательским потребностям: его контент должен содержать нужные ключи, приятные для целевой аудитории эффекты (анимация, 3D, заметные цвета и другие). Также важно, чтобы дизайн не «выпадал» из общего оформления страницы сайта. Впрочем, баннер может сильно выделяться, но если так задумано, то такое визуальное решение должны быть рассчитано и оправданно.
2. A/Б-тестирование. Размещаем для показа нескольким группам пользователей два разных баннера, а затем анализируем, какой из них сработал лучше и почему.
3. Ротация. Рано или поздно баннер, показывающийся на одном месте, станет привычным — глаз пользователя натренируется его не замечать. Поэтому периодически мы меняем места размещения.
4. Оптимизация форматов. Нужно планировать размещение баннеров с учетом постоянного роста мобильных посетителей.

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

Персонализируйте объявления

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

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

В начале марта я выбирала себе кроссовки на сайте бренда ECCO. Мне приглянулась одна пара: я посмотрела все фото кроссовок, почитала отзывы, изучила характеристики и рекомендации по эксплуатации — в общем, провела на странице много времени. Я редко покупаю товары непервой необходимости сразу — беру паузу «на подумать».

На следующий день меня начала «догонять» реклама кроссовок, которые я смотрела. Динамический ремаркетинг в деле. Реклама не дала забыть, что мне понравились кроссовки, и помогла убедиться, что я хочу именно их. В итоге через три дня показа объявлений я сделала заказ.

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

Фокусируйтесь на «своей» аудитории

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

В Яндекс.Директе за показ объявлений на подходящих сайтах РСЯ отвечают ключевые фразы — они определяют и тематику площадки, и интересы пользователя. В Google Ads используем особые аудитории с таргетингом на ключевые слова, URL и мобильные приложения — и так же, как в Директе, охватываем и релевантные площадки, и заинтересованных пользователей.

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

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

• Настраиваем аудиторный таргетинг в поисковой кампании Google Ads
• Детальный геотаргетинг и таргетинг по демографии в Facebook Ads — настройка и фишки
• 8 признаков для сегментации аудитории во «ВКонтакте»

Павел Козловский руководитель digital-направления Wonday Consulting

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

Сейчас бренды используют баннеры на одном из трех этапов воронки.

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

Рассмотрение к покупке. В игру вступают programmatic-реклама с выбранной аудиторией, look-alike по ней и соцсети. Например, офлайн-бизнес может настроить гиперлокальный таргетинг на посетителей определенного ТЦ или жителей соседних домов. Тогда баннеры могут называть ТЦ, станции метро, улицы на понятном для местных жителей языке.

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

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

Для точной оценки результата советую считать не только CPM, CPC, CPV, CPU, но и post-click, а также промерять кампании с помощью DoubleClick Campaign Manager (DCM) или пикселя Weborama.

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

Как сделать рекламу заметнее

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

1. Выделяйтесь. Создавайте нетипичные для вашей отрасли баннеры, выбирайте нестандартные цвета и изображения, добавляйте сильные призывы.
2. Готовьте качественные креативы. У изображений должно быть хорошее разрешение, края должны быть ровно обрезаны, а тексты — читаемыми.
3. Пробуйте разные форматы: анимацию, 3D и видеорекламу.
4. Запускайте полезную рекламу — она должна помогать пользователю решить проблему. Для этого изучите свою аудиторию: ее интересы, боли, ожидания от продукта, алгоритм выбора и способы поиска товара.
5. Грамотно настройте таргетинг. При разработке баннеров, учитывайте этап воронки, на котором находится пользователь, а при выборе настроек в рекламной системе — характеристики целевой аудитории.
6. Персонализируйте предложения. Создавайте уникальные объявления на основе истории поисковых запросов и портрета целевой аудитории: ее интересов, демографических признаков и геоданных.
7. Тестируйте. Это единственный способ узнать, что сработает лучше.

Желаем, чтобы ваша реклама была заметной и эффективной!

Источник: ppc.world

Основные тренды дизайна рекламы и онлайн контсрукторы баннеров

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

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

2. Одноцветные баннеры

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

3. Простые иллюстрации

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

4. 3D дизайн

Мир технологий стремительно развивается, а вместе с ним возрождаются и забытые направления оформление дизайна рекламных баннеров. Актуальность 3D дизайн возрастает все больше и больше, и он будет оставаться в тренде и в следующем году. Это направление удачно комбинируется с разными формами дизайна, такими как, монохром, абстрактные рисунки, совместное использование с 2D рисунками и другими.

5. Сочные и яркие, кислотные и неоновые цвета

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

6. Обесцвечивание

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

7. Геометрический дизайн

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

8. Изометрия

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

9. Дудлы и линии

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

10. Плавные элементы

Это направление популяризовалось в 2019 году, развиваться сегодня и не останется в стороне в 2021-м. Мягкие линии и элементы лучше всего использовать с рисунками и анимацией. Кликабельность и просмотры рекламных баннеров гарантированы на 100%.

11. Коллажи с добавлением рисунка

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

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

Актуальность это направление не потеряет в 2021 году это точно. С каждым годом оно развивается и совершенствуется. Необыкновенность этого приема всегда завораживает и заставляет всматриваться в рисунок художника в поисках чего-то необычного.

13. Повторяющиеся элементы и текстуры

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

14. Градиент

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

15. Зацикленная анимация

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

16. Минимализм

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

17. Смешанная стилистика

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

Приложения для создания трендовой рекламы

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

Canva

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

Crello

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

Bannerboo