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

Обновлено: 27.09.2022

Как добиться эффективности рекламного баннера, рассказывает основатель Gagarin Studio, Артем Беседа.

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

Если опираться на показатели инфографики, портрет пользователя выглядит таким образом:

в среднем каждый человек сидит в интернете около 400 минут;

больше половины — 54%, используют для серфинга мобильные устройства;

основную часть кликов осуществляют 8% от общего числа посетителей сайтов.

недоверие к рекламным баннерам высказали 54% человек;

47% устанавливают утилиты-блокировщики рекламы;

73% отрицательно относятся к всплывающей рекламе;

86% не видят рекламу, игнорируя ее присутствие;

ежемесячно одним пользователем просматривается до 1700 баннеров;

Если конкретизировать ситуацию под российского интернет-потребителя, портрет будет таков:

основной прирост посетителей сети за 2019 год определяется в возрастной группе 65+; в

в городах с населением от 100 тысяч количество интернет-серферов составляет 74%, в меньших населенных пунктах — 64%.

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

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

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

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

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

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

Два совета по расположению рекламы:

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

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

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

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

Еще один психологический ход — расположение текста и логотипа. Следует учесть, что пользователь видит изображение зеркально, поэтому нужно поместить лого слева, а текстовое сопровождение справа.

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

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

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

Не стоит забывать о текстовом наполнении. Это важный элемент рекламы, который наряду с картинкой доносит зрителю весь смысл. Каким должен быть текст:

с приметным и легко читаемым шрифтом;

поддерживать тональность бренда;

не перегруженным информацией, лаконичным и кратким;

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

Приведем пример: сочетание желтого с красным ассоциируется у разных групп ЦА по-своему — молодежь вспомнит о костюме Железного Человека, банковские работники свяжут с логотипом Mastercard, а поклонник известного сериала — с гербом дома Ланистеров. Если вам удастся просчитать цветовую схему вашей ЦА, считайте, что удалось отыскать рецепт работающей рекламы.

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

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

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

Если исходить из показателя CTR, оптимальным будет значение на уровне 0.5%. Этого удается добиться в наших баннерах, в которых мы реализуем нестандартный подход к цветовому решению. Баннер Gagarin Studio выдержан в космической стилистике и сочетание оттенков подчеркивает эту идею.

Здесь работает доля юмора, броская объемная картинка и незамысловатый, зато простой для восприятия шрифт.

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

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

Теперь посмотрим на менее удачное воплощение с CTR 0.3%.

Не сработал минимализм, не хватило дизайна, и это при том, что цвета остались теми же.

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

Еще один пример с 0.3 CRT.

Черный цвет утяжелил картинку, сделав ее некомфортной, к тому же, этот цвет часто сливается с фоном страницы.

А вот здесь использована та же идея с бананом, однако подача кардинально отличается креативностью и драйвом.

Вот неудачная версия с кликабельностью 0.1%.

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

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

Как добиться эффективности рекламного баннера, рассказывает основатель Gagarin Studio, Артем Беседа.

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

Если опираться на показатели инфографики, портрет пользователя выглядит таким образом:

в среднем каждый человек сидит в интернете около 400 минут;

больше половины — 54%, используют для серфинга мобильные устройства;

основную часть кликов осуществляют 8% от общего числа посетителей сайтов.

недоверие к рекламным баннерам высказали 54% человек;

47% устанавливают утилиты-блокировщики рекламы;

73% отрицательно относятся к всплывающей рекламе;

86% не видят рекламу, игнорируя ее присутствие;

ежемесячно одним пользователем просматривается до 1700 баннеров;

Если конкретизировать ситуацию под российского интернет-потребителя, портрет будет таков:

основной прирост посетителей сети за 2019 год определяется в возрастной группе 65+; в

в городах с населением от 100 тысяч количество интернет-серферов составляет 74%, в меньших населенных пунктах — 64%.

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

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

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

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

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

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

Два совета по расположению рекламы:

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

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

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

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

Еще один психологический ход — расположение текста и логотипа. Следует учесть, что пользователь видит изображение зеркально, поэтому нужно поместить лого слева, а текстовое сопровождение справа.

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

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

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

Не стоит забывать о текстовом наполнении. Это важный элемент рекламы, который наряду с картинкой доносит зрителю весь смысл. Каким должен быть текст:

с приметным и легко читаемым шрифтом;

поддерживать тональность бренда;

не перегруженным информацией, лаконичным и кратким;

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

Приведем пример: сочетание желтого с красным ассоциируется у разных групп ЦА по-своему — молодежь вспомнит о костюме Железного Человека, банковские работники свяжут с логотипом Mastercard, а поклонник известного сериала — с гербом дома Ланистеров. Если вам удастся просчитать цветовую схему вашей ЦА, считайте, что удалось отыскать рецепт работающей рекламы.

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

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

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

Если исходить из показателя CTR, оптимальным будет значение на уровне 0.5%. Этого удается добиться в наших баннерах, в которых мы реализуем нестандартный подход к цветовому решению. Баннер Gagarin Studio выдержан в космической стилистике и сочетание оттенков подчеркивает эту идею.

Здесь работает доля юмора, броская объемная картинка и незамысловатый, зато простой для восприятия шрифт.

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

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

Теперь посмотрим на менее удачное воплощение с CTR 0.3%.

Не сработал минимализм, не хватило дизайна, и это при том, что цвета остались теми же.

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

Еще один пример с 0.3 CRT.

Черный цвет утяжелил картинку, сделав ее некомфортной, к тому же, этот цвет часто сливается с фоном страницы.

А вот здесь использована та же идея с бананом, однако подача кардинально отличается креативностью и драйвом.

Вот неудачная версия с кликабельностью 0.1%.

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

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

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

В интернете много шумихи по поводу баннеров. Они уже отжили свое? Кликает ли кто нибудь на них? Может, они уже мертвы? А вдруг появилась лучшая альтернатива баннерам? И хотя правда то, что по баннерам стали меньше кликать, это еще не конец популярного рекламного формата. Даже если вы не можете измерить эффективность рекламы, вы не будете возражать, что она все равно влияет на выбор пользователя в пользу того или иного продукта или сервиса.

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

1. Придерживайтесь стандартных размеров

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

Ниже размеры, которые вы должны выбрать в первую очередь:

  • 728×90 px — полноразмерный баннер (часто показывается вверху или внизу страницы)
  • 300×250 px — встроенный прямоугольник (преимущественно показывается в правой части сайта или вставляется в текст)
  • 300×600 px — блок на половину страницы
  • 320×100 px — мобильный баннер

2. Придерживайтесь последовательности

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

4. Помните о том, где будет размещен баннер

Где вы планируете размещать баннеры после того, как сделаете сам креатив? Если вы используете сервисы подобные Google, у вас будет не сильно много возможностей контролировать размещение. Но если вы хотите разместить их на определенных вебсайтах, в приложениях или email рассылках, вам нужно будет изучить их и принять во внимание их дизайн, прежде чем делать свои баннеры.

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

5. Используйте призыв к действию

b_57bea7ec8c66b


Какая самая главная задача баннера? Правильно — на него должны кликнуть. Используйте призыв к действию (Call to Action) в каждом баннере, который вы делаете. Подскажите пользователю, что ему нужно делать дальше.

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

6. Забудьте про Flash

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

Используйте вместо этого HTML5. Если вам нужно сконвертировать какие то свои старые креативы и вдохнуть в них новую жизнь, у Google есть небольшой урок, который поможет это сделать.

7. Используйте кнопки

b_57bea81c2f1e9


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

8. Сфокусируйтесь на шрифтах

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

Согласно правилу большого пальца, обычно двух начертаний шрифтов бывает достаточно.

  1. Делайте большие заголовки. Используйте жирные, немного необычные или цветные шрифты, чтобы привлечь внимание пользователей.
  2. Отдавайте предпочтение шрифтам без засечек (sans serif). Вы можете использовать два размера или два начертания жирного — один для основного текста, а другой для кнопок или призыва к действию. Просто убедитесь, что они легко читаются.

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

b_57bea84fbf88f


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

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

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

10. Сохраняйте правильно

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

После этого убедитесь, что баннер сделан в правильном формате, стандартном для интернет-рекламы. Распространенные форматы баннеров — PNG и JPG для статических баннеров, GIF — для анимированных. SVG формат тоже набирает оборотов и все чаще принимается разными рекламными сетями. Забудьте об SWF (Adobe Flash) — от него сейчас уже практически все отказались, и даже браузеры перестают его поддерживать. Вместо него широкое распространение получили HTML5 баннеры, которые создаются с помощью таких программ, как Google Web Designer, Adobe Animation или рускоязычный онлайн конструктор баннеров Bannerboo.

11. Сфокусируйтесь на текстах

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

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

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

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

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

13. Используйте яркие визуальные элементы

b_57bea8b56f209


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

14. Релевантный контент

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

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

15. Будьте попроще

b_57bea8e69ebf4


Это прописная истина. Если вы переутомите пользователя обилием текстов, анимаций, цветов, фактов, вы рискуете утратить первоначальный смысл. Будьте попроще.

В случае с баннерами, всего по одному будет достаточно.

Выводы

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

Интересные рекламные баннеры

Как часто вы встречаете эти надоедливые рекламные баннеры? Регулярно?

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

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

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

Интересные рекламные баннеры

1) Pringles

Искусный пример от Pringles - бесконечный баннер "Can Hands". Фон остается прежним, меняется только выплывающая надпись и будто кто-то общается с нами с помощью неё. Это остроумно, забавно и задействует азарт пользователя, заставляя кликать еще и еще. Всего баннер содержит 97 слайдов.

Бесконечный баннер Pringles

2) Баннер для любителей головоломок и квестов

Австралийский Defense Force's разместил вот такой эффективный баннер, предлагающий найти скрытую часть рекламы в исходном коде. Хотите попробовать сами? Вот вам веб-сайт.

Баннер Defense Force

Подсказка: кликните правой кнопкой мыши и выберите “Просмотреть код”.

Код баннера головоломки от Defense Force
Вторая часть кода баннера квеста от Defense Force

3) Audi

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

Реклама баннера созданная Almap BBDO для Audi

4) Баннер VW

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

Баннер VW
Баннер рекламы авто VW

5) Marie Callender

Гениальная идея от пекарни Marie Callender - баннеры с аппетитными пирогами показывались людям, зашедшим посмотреть погоду в дождливые, морозные или снежные.

Баннер был настолько популярен, что даже получил награду IAC Awards.

Баннеры с аппетитными пирогами Marie Callender
Marie Callender баннер

6) Budweiser

Успешная мысль превратить баннер в купон на получение пива появилась при сотрудничестве -Busch и AKQA. Они таргетировали рекламу в facebook на молодых людей, и те нажимая на нее могли поделиться купоном со своими друзьями. Те, кто получили купон, затем заходили в свой Facebook аккаунт, чтобы активировать купон. Все, что нужно было потом сделать это показать купон в баре и получить бесплатно пиво Budweiser.

В результате этой акции каждая бутылка пива окупилось в три раза, и пример был освещен в популярных СМИ - Mashable, USA Today, и Wall Street Journal.

Оригинальная реклама Budweiser
Крутые баннеры от Budweiser

7) The Sufferfest

Отлично работает прямая тактика, с краткими, ясными предложениями, нацеленными на результат. Это мотивирует и придает атмосферу поспешности, которая немаловажна для быстрого закрытия покупки. Глядя на работу местного агенства One Small Step Collection, создавшему смелые и яркие картинки для продажи Sufferfest в Twitter, хочется купить приложение и сразу помчаться на велосипеде!

Баннер Sufferfest для Twitter

8) Amnesty International

Баннер Amnesty International с игрой

Еще один пример интерактивного предложения работы. Для того чтобы нанять писателей в команду, Amnesty International предлагали людям сыграть в игру “Виселица” в баннере. При победе появляется фраза “Слова спасают жизни” с предложением стать свободным писателем.


9) Assembly Row

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

Реклама Assembly Row

Продолжим далее нашу подборку лучших рекламных баннеров баннерами от Adidas.

10) ADIDAS

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

Интересный баннер от ADIDA

11) Эффективный баннер от IKEA

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


Баннер IKEA

12) Баннер McDonalds

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

Баннер McDonalds


13) Удачный баннер страховой компании Itau

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

Баннер страховой компании Itau

14) Одни из лучших баннеров компании Lipton

Интерактивный баннер от Lipton с довольно широким спектром команд. Здесь предлагается выбрать любую букву, чтобы охладиться, а баннер выдает занятие начинающееся на это букву. Так для буквы I - Igloo building (постойка иглу).

Баннер Lipton


Пример удачного рекламного баннера Lipton

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

Полезные статьи в продолжение темы:

    в социальных сетях;
  • Лучшие маркетинговые и рекламные акции - примеры и причины успеха; .

Попробуйте бесплатный пробный тариф Popsters чтобы получить статистику активности до 10 любых страниц в следующие 7 дней

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

В интернете много шумихи по поводу баннеров. Они уже отжили свое? Кликает ли кто нибудь на них? Может, они уже мертвы? А вдруг появилась лучшая альтернатива баннерам? И хотя правда то, что по баннерам стали меньше кликать, это еще не конец популярного рекламного формата. Даже если вы не можете измерить эффективность рекламы, вы не будете возражать, что она все равно влияет на выбор пользователя в пользу того или иного продукта или сервиса.

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

1. Придерживайтесь стандартных размеров

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

Ниже размеры, которые вы должны выбрать в первую очередь:

  • 728×90 px — полноразмерный баннер (часто показывается вверху или внизу страницы)
  • 300×250 px — встроенный прямоугольник (преимущественно показывается в правой части сайта или вставляется в текст)
  • 300×600 px — блок на половину страницы
  • 320×100 px — мобильный баннер

2. Придерживайтесь последовательности

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

4. Помните о том, где будет размещен баннер

Где вы планируете размещать баннеры после того, как сделаете сам креатив? Если вы используете сервисы подобные Google, у вас будет не сильно много возможностей контролировать размещение. Но если вы хотите разместить их на определенных вебсайтах, в приложениях или email рассылках, вам нужно будет изучить их и принять во внимание их дизайн, прежде чем делать свои баннеры.

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

5. Используйте призыв к действию

b_57bea7ec8c66b


Какая самая главная задача баннера? Правильно — на него должны кликнуть. Используйте призыв к действию (Call to Action) в каждом баннере, который вы делаете. Подскажите пользователю, что ему нужно делать дальше.

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

6. Забудьте про Flash

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

Используйте вместо этого HTML5. Если вам нужно сконвертировать какие то свои старые креативы и вдохнуть в них новую жизнь, у Google есть небольшой урок, который поможет это сделать.

7. Используйте кнопки

b_57bea81c2f1e9


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

8. Сфокусируйтесь на шрифтах

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

Согласно правилу большого пальца, обычно двух начертаний шрифтов бывает достаточно.

  1. Делайте большие заголовки. Используйте жирные, немного необычные или цветные шрифты, чтобы привлечь внимание пользователей.
  2. Отдавайте предпочтение шрифтам без засечек (sans serif). Вы можете использовать два размера или два начертания жирного — один для основного текста, а другой для кнопок или призыва к действию. Просто убедитесь, что они легко читаются.

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

b_57bea84fbf88f


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

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

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

10. Сохраняйте правильно

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

После этого убедитесь, что баннер сделан в правильном формате, стандартном для интернет-рекламы. Распространенные форматы баннеров — PNG и JPG для статических баннеров, GIF — для анимированных. SVG формат тоже набирает оборотов и все чаще принимается разными рекламными сетями. Забудьте об SWF (Adobe Flash) — от него сейчас уже практически все отказались, и даже браузеры перестают его поддерживать. Вместо него широкое распространение получили HTML5 баннеры, которые создаются с помощью таких программ, как Google Web Designer, Adobe Animation или рускоязычный онлайн конструктор баннеров Bannerboo.

11. Сфокусируйтесь на текстах

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

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

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

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

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

13. Используйте яркие визуальные элементы

b_57bea8b56f209


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

14. Релевантный контент

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

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

15. Будьте попроще

b_57bea8e69ebf4


Это прописная истина. Если вы переутомите пользователя обилием текстов, анимаций, цветов, фактов, вы рискуете утратить первоначальный смысл. Будьте попроще.

В случае с баннерами, всего по одному будет достаточно.

Выводы

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

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