Содержание

Как создать эффективный баннер? Будьте оригинальны!

Боб Арнольд, один из специалистов Google Media Lab, утверждает, что баннерная или медийная реклама часто подвергается незаслуженной критике. Хотя все маркетологи когда-либо использовали этот вид продвижения, сегодня многие избегают баннеров, предпочитая встроенные в онлайн-игры или мобильные приложения Push-объявления.

Но почему баннеры имеют такую плохую репутацию? Ведь результаты рекламных кампаний за 2014 год говорят, что именно баннеры (а не видео-реклама или иные, более сложные форматы) показали наибольший охват целевой аудитории — 82%.

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

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

  • Почему маркетологам не стоит бояться «баннерной слепоты»?

3 принципа создания эффективной баннерной рекламы

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

Означает ли это, что баннерная реклама не может способствовать продвижению продукции и, как следствие, увеличению объема продаж? Совсем наоборот! На самом деле, ее присутствие способствует большей узнаваемости бренда, а также пробуждает у пользователей желание совершить покупку.

Так, во второй половине 2014 года креативы в рамках рекламной кампании для Android Wear увеличили популярность бренда и количество совершенных покупок на 15,8% и 9,4% соответственно. Считается также, что данный вид рекламы создает у пользователей ощущение срочности. Баннерная реклама является сравнительно недорогой, и у нее широкие возможности таргетинга: текстово-графические объявления могут быть эффективным средством, если у вас есть четко поставленная цель.

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

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

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

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

  • Статистика, просто статистика: баннеры какого размера эффективнее?

Технология динамического креатива (Dynamic Creative)

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

Dynamic Creative подразумевает, что вам придется проделать довольно сложную интеллектуальную работу, но в результате ваша рекламная кампания не только вызовет зависть конкурентов, но и привлечет больше потенциальных клиентов.

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

Преимуществом метода является удобство применения. Рекламные агентства, использующие Dynamic Creative, могут быстро подгружать новые данные, и таким образом не перенастраивать всю кампанию заново (это выгодно для компаний, чьи предложения и продукты часто меняются). Динамический креатив нередко встречается в рекламных кампаниях Google Play для продвижения такого контента, как новинки кино или музыкальные релизы.

Dynamic Creative особенно эффективен для мобильных устройств. В прошлом году Google запустил динамическую рекламу, получившую название «волшебный баннер» (Magic Banner). Рекламная кампания включала в себя 23 динамических блока, поступающих с пяти разных API. Более 95% контента было динамическим.

Для создания Magic Banner 2.0 была использована улучшенная технология. Маркетологи постарались задействовать информацию о предпочтениях пользователей (исходя из поисковых запросов и прочей информации, например, время суток, погода, местонахождение и т. д.), чтобы предоставить релевантную, интересную и полезную рекламу. Таким образом, целевая аудитория получала актуальную информацию в нужное время и в нужном месте.

Пример динамической рекламы, использованной при создании Magic Banner 2.0

  • Как создать персонализированные лендинги верхнего уровня?

Тестирование для оптимизации медийной рекламы

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

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

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

1. Разработка рекламных материалов с использованием информации о пользователях.
2. Тестирование нескольких вариантов баннеров с целью понять, какой из них наиболее эффективен.
3. Оптимизация дизайна на основе результатов тестирования.
4. Запись успешных идей и эффективных рекламных приемов.
5. Измерение показателей и резюме.

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

В результате, у вас появятся четкие критерии эффективности.

  • Сплит-тест: статический баннер Vs слайдер

Вместо заключения

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

Однако оригинальные баннеры и грамотное тестирование помогут значительно увеличить отдачу от такой рекламной кампании.

Высоких вам конверсий!

По материалам: thinkwithgoogle.com, image source: Milo Baumgartner 

10-11-2015

Конструктор баннеров онлайн — создайте баннер прямо сейчас

Bannerboo — онлайн конструктор HTML5 баннеров.
Более 100 000 рекламных баннеров уже создано в нашем сервисе.
Сделайте свою рекламу и вы!

Сделать баннер

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

Акцент на удобстве

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

Удобная панель инструментов

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

Все собрано в одном месте

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

Шаблоны для социальных сетей

Мы экономим ваше время и деньги. У нас можно сделать баннер для сайта, для рекламных сетей и для кампаний в социальных сетях — Facebook, Instagram, Вконтакте — все в одном месте и буквально за минуты. Просто выберите подходящий шаблон, отредактируйте и сохраните себе. Все баннеры хранятся в облаке и вы можете отредактировать их в любой момент

КАК СОЗДАТЬ БАННЕР ОНЛАЙН ЗА 4 ПРОСТЫХ ШАГА?

Сделать рекламный баннер теперь очень просто, а главное, быстро и легко!

01

Выберите в Bannerboo размер баннера и шаблон или создайте свой баннер с нуля

02

Добавьте свой логотип
и фотографии, измените цвета
на ваши фирменные

03

Редактируйте тексты, изменяйте их положение
на ваш вкус

04

Просмотрите ваш баннер
и сохраните его в формате,
который вам нужен

Тысячи рекламных шаблонов — во всех формах и размерах

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

Выберите ваш шаблон

Преимущества конструктора баннеров

Стильные шрифты

Создайте ваш баннер красивым и заметным с помощью профессиональных шрифтов. Бесплатные шрифты от Google для любой тематики

Библиотека изображений

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

Шаблоны баннеров

Выбирайте шаблоны баннеров от профессиональных дизайнеров. Изменяйте их по своему желанию и делайте экспорт в HTML, JPEG, PNG или анимированный GIF

Попробуйте бесплатно!

Bannerboo — онлайн конструктор анимированных баннеров 
а также графики для соцсетей и блогов.

У нас создано уже более 200 000 креативов.
Присоединяйтесь!

Создать бесплатно

Відгуки

  • Одна из лучших программ для создания баннеров

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

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

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

  • HTML5 без знания кода

    Я использую BannerBoo, чтобы создавать красивые баннеры (разработанные с помощью шаблонов, а не мной) и экспортировать их в HTML5 (с помощью редактора), чтобы я мог использовать их в email маркетинге.

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

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

  • Впечатляющие шаблоны

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

Часто задаваемые вопросы

Что такое BannerBoo?

BannerBoo — сервис для создания HTML5 и AMP HTML баннеров онлайн. Удобно, быстро, без знания программирования. Все баннеры хранятся у нас в облачном хранилище и их можно изменять в любое время. Экспортировать баннеры можно в PNG, JPG, анимированные GIF, а также скачивать готовые ZIP архивы. Просто попробуйте — это легко и быстро!

Как это работает?

Чтобы полноценно работать с сервисом BannerBoo, вам нужно зарегистрироваться. После регистрации у вас будет возможность сохранять ваши баннеры в облаке и вносить в них изменения в любое время. Созданные баннеры можно интегрировать на ваш или другой сайт в виде кода, а также скачивать ZIP архивы для использования в рекламных сетях (например, Google Реклама или Яндекс)

Кто использует конструктор баннеров?

BannerBoo — отличный инструмент для создания анимированных HTML5 баннеров, которые отображаются на любом устройстве (планшеты, смартфоны и т. д.) Вам не нужно знать программирование или быть аниматором — просто следуйте подсказкам, выбирайте из готовых шаблонов и создавайте ваши баннеры быстро и без особых усилий. Для профессионалов мы также предусмотрели расширенные настройки и возможности.

Есть ли в BannerBoo бесплатный тариф?

В BannerBoo есть бесплатный тариф. Подробнее о нем можно почитать на странице «Тарифные планы»

Можно ли скачать BannerBoo?

Баннер можно скачать в виде PNG или JPEG. Также можно скачать ZIP-архив и сформировать GIF. Данные функции доступны в платном тарифе. Подробнее о тарифах читайте на странице «Тарифные планы».

Что такое адаптивный баннер?

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

Адаптивность может быть активирована для любого баннера, сделанного в BannerBoo — нужно будет просто поставить галочку.

Подходят ли созданные баннеры рекламным площадкам?

Да, конечно. При сохранении баннера вы получите короткий код или ZIP архив, который можете выслать той рекламной площадке, где планируете размещаться. Кроме этого, у нас будут готовые интеграции для всех крупнейших рекламных платформ, включая Google Ad Exchange, Google Display Network, Яндекс

Как сделать веб-баннер в CorelDRAW

Как сделать веб-баннер в CorelDRAW

Хотите сделать веб-баннер?

Попробуйте CorelDRAW

Узнайте, как просто сделать веб-баннер в нашем увлекательном программном обеспечении для графического дизайна.

Попробуйте бесплатно

  1. Обучение
  2. Практические руководства
  3. Сделать веб-баннер

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

Попробуйте бесплатно

1. Установите размер страницы

Как уже упоминалось, в этом упражнении мы будем использовать размер объявления в таблице лидеров. В диалоговом окне «Новый документ» ( Файл > Новый ) в поле Имя : введите имя файла как «Homes Starter_728x90» . Затем в раскрывающемся списке Предустановленное место назначения выберите Web . Вы заметите, что это изменило единицу измерения на пиксели и разрешение рендеринга 9.от 0026 до 96 точек на дюйм. В раскрывающемся списке Size выберите Leaderboard Ad и нажмите OK .

2. Добавление графических элементов

Расположите логотип в левой части баннера и увеличьте его размер до 86 пикселей по горизонтали. (убедитесь, что блокировка рациона включена). Теперь добавьте мое растровое изображение и текстовые элементы, и все готово.

3. Экспорт для Интернета

Чтобы экспортировать наш баннер, выберите Файл > Экспорт для > Веб . Это откроет диалоговое окно «Экспорт для Интернета», в котором вы можете выбрать такие варианты, как gif, jpg или png. вы также можете установить глубину цвета и разрешить прозрачность, если это необходимо.

CorelDRAW делает больше, чем просто создает веб-баннеры

Ознакомьтесь с некоторыми другими функциями графического дизайна в CorelDRAW Graphics Suite, такими как «Как создать информационный бюллетень», «Как сделать заголовок Twitter», «Как сделать обложку Facebook» и многое другое! Создавайте высококачественные дизайны в веселом и простом в использовании программном обеспечении для графического дизайна и сделайте свою работу более заметной, чем когда-либо.

Как создать веб-графику

Как сделать значок веб-сайта

Как сделать этикетку

Как сделать флаер

Скачать лучшее решение для создания баннеров для веб-сайтов

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

Попробуйте бесплатно Узнать больше

Создание простого баннера сайта с логотипом в Photoshop

Простое пошаговое руководство по созданию баннера и логотипа веб-сайта в Photoshop. Образец .psd и готовый веб-сайт также включены.

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

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

 

 

 

Выполните следующие шаги, чтобы создать вышеуказанный баннер веб-сайта:

Шаг 1: Создание баннера размера
Откройте новый файл, нажав File>Open . Сделайте ширину файла 780px и высоту 120px. Вы можете увеличить высоту до 140 пикселей. Вы можете сделать баннер гибким в соответствии с вашим дизайном.

Шаг 2. Задание цвета фона
Создайте новый слой. Назовите его bgcolor. Задайте цвет фона, выполнив следующие действия:

  • Измените цвет переднего плана на #E4D1B8.
  • Нажмите на Paint Bucket Tool на панели инструментов справа.
  • Щелкните мышью по холсту. Цвет вашего фона теперь изменен на новый цвет.

Шаг 3: Цвет фона внутри
Создайте новый слой. Назовите его внутренний цвет. Выберите Rectangular Marquee Tool на панели инструментов справа. Сделайте ширину прямоугольника 760 пикселей и высоту 100 пикселей внутри фона. Залейте его цветом # C64866, используя инструмент Paint Bucket.

Шаг 4: Создание фона логотипа
Создайте новый слой. Назовите его логобкг. Выберите инструмент «Прямоугольная область». Сделайте ширину прямоугольника 120px и высоту 100px. Поместите прямоугольник в левой части баннера. Залейте его черным цветом #000000.

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

Шаг 6: Создание вертикальных линий на баннере
Создайте новый слой. Назовите группу. Выберите инструмент «Прямоугольная область». Сделайте ширину прямоугольника 7px и высоту 120px. Поместите прямоугольник в середину баннера. Залейте его цветом # E8B0BD. Сделайте четыре копии полосы слоя.

Чтобы сделать копию, щелкните правой кнопкой мыши слой и выберите дубликат. Появится экран с названием «Дублировать слой».

Введите имя слоя в качестве копии бэнда. Нажмите «ОК». Сделайте то же самое с бэндом copy2, бэндом copy3, бэндом copy4. Разместите полосы правильно в баннере.

Шаг 8: Создание рамки логотипа
Создайте новый слой. Назовите его границей. Выберите инструмент «Прямоугольная область». Сделайте ширину прямоугольника 20px и высоту 100px. Залейте его цветом # A63D56. Поместите прямоугольник справа от фона логотипа. Сделайте копию и поместите новый прямоугольник слева от фона логотипа.

Шаг 9: Создание пунктирных линий
Теперь выберите Horizontal Type Tool (текстовый инструмент).