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

15 дизайнерских приемов — как сделать баннер, за который не будет стыдно

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

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

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

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

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

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

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

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

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

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

Создайте простую последовательность элементов. Сообщение должно быть кратким — от двух до 10 слов в идеале. Что вы предлагаете и почему люди должны этого хотеть. После этого добавьте логотип или какой-то другой идентификатор. Он должен быть читабельным и не слишком большим. В заключение добавьте причину для клика. Может, у вас сейчас распродажа? Код купона? Подписка на почту?

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

3. Один баннер равняется одному сообщению

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Одна картинка
• Одно текстовое сообщение
• Один призыв к действию
• Один элемент бренда

Выводы

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

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

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

Сделай паузу!

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

«Coca-Cola»

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

Сан диск

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

Кетчуп «Хайнц»

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

Спортгигант «Рuma»

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

Краска «Berger»

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

Концерн BMW

Популяризация оригинальных запчастей от одно из лидеров европейского автопрома. Заглавные литеры названия концерна на молочной плоскости. Ничего лишнего и никаких альтернатив! Ведь все и так всем понятно.

Соблюдай дистанцию!

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

Пивной Oktoberfest

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

Мощь Phillips

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

Зимнее меню от McDonalds

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

Не загрязняй мировой океан!

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

Конструктор Lego

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

Hard Rock Cafe

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

Материал предоставлен компанией Printfactory.

22 креативных рекламных баннера, которые вам понравятся

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

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

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

Возможно, если бы больше рекламы выглядело именно так, она бы не стала так сильно нас раздражать. Итак, смотрим:

McDonald’s

Рекламное агентство: DDB, Sydney, Australia

Ecovia

Стоп насилию на дорогах

Рекламное агентство: Terremoto Propaganda, Curitiba, Brazil

Keloptic

Рекламное агентство: Y&R Paris

Weight Watchers

(наблюдения за весом)

Рекламное агентство: DraftFCB, Germany

Chupa Chups

Рекламное агентство: DDB, Spain

Orion Telescopes

Рекламная школа: Texas Creative, University of Texas, USA

Pedigree

A Dog Makes Your Life Happier. Adopt (Собака делает вашу жизнь счастливее. Принято)

Рекламное агентство: AlmapBBDO, São Paulo, Brazil

Colgate

Рекламное агентство: Cerebro Y&R, Panama

Volkswagen

Рекламное агентство: DDB Tribal Berlin, Germany

Playboy Brasil

Рекламное агентство: Neogama, Brasil

MA:

Откройте для себя полную историю

Рекламное агентство: Saatchi & Saatchi Russia, Moscow, Russia

Pepsi

Мы желаем тебе страшного Хэллоуина!

Рекламное агентство: Buzz in a Box, Brussels, Belgium

Oogmerk

Получить уважение, которое вы заслуживаете

Рекламное агентство: LG&F, Brussels, Belgium

Nivea Men

Потому что жизнь вызывает морщины

Рекламное агентство: Jung von Matt/Alster, Hamburg, Germany

Durex

Рекламное агентство: The Jupiter Drawing Room, South Africa

Kielo Travel

Мечтаете об отдыхе?

Рекламное агентство: New Moment New Ideas Company Y&R, Belgrade, Serbia

Omax

Рекламное агентство: Publicis India

Veet

Нет волос — это лучше

Рекламное агентство: EURO RSCG, Spain

Durex

Рекламное агентство: Espiral DP, Guayaquil, Ecuador

Fedex

Рекламное агентство: DDB Brazil

Every leaf traps CO2 – Plant for the planet

(Каждый лист улавливает CO2 — Растение для планеты)

Рекламное агентство: Leagas Delaney

Mastercard

12-й ежегодный женский классический гольф

Рекламное агентство: MacLaren McCann, Canada

Акционные баннеры на сайт: рисуем правильно

Сколько рекламных баннеров вы видели сегодня? А сколько реально УВИДЕЛИ?

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

Давайте поговорим об эффективности баннеров и способах её повышения. Сегодня коснемся лишь статичных онлайн-баннеров на сайтах, цель которых – привлечь внимание целевой аудитории.

1. Цель баннера

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

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

2. Целевая аудитория

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

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

3. Размер и вес баннера

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

Пример первый: баннер размерами 240×400 с мелким шрифтом не стоит сжимать до 105×175 даже без потери пропорций. Мы рискуем уменьшить текст до такой степени, что даже заинтересованный пользователь поленится разбирать мелкий шрифт, а картинку не сможет понять и попросту оставит без внимания. Если баннер при уменьшении становится малопонятным, потратьте немного времени на альтернативный вариант. Сократите текст, добавьте контраста, уменьшите графическую часть, тогда вы обеспечите баннерам высокую читабельность.

Еще 1 неудачный пример адаптации баннера:

Вывод один: под каждое рекламное место лучше делать отдельную самостоятельную версию баннера.

4. Цвет

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

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

Если вы рекламируете сайт, не забывайте про фирменные цвета: цвет логотипа, элементов сайта, чтобы у пользователя остался отпечаток в памяти образа рекламируемой компании.

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

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

5. Заголовок

Даже самый приятный по графике баннер не выполнит свою задачу без эффективного заголовка. Заголовок – это 80% успеха всей рекламной кампании, не бойтесь креативить, новые идеи всегда пользуются популярностью. Баннер должен ответить на 3 главных вопроса пользователя: что это, зачем мне это, когда? (если дело касается временных акций или событий).

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

Примеры баннеров с интересными и понятными заголовками:

6. Контраст

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

Пример работы с контрастом:

7. Дизайн

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

При взгляде на рекламу глаз должен отдыхать.

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

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

8. Релевантность

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

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

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

9. Призыв к действию

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

10. Доверие (не обмани)

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

Примеры слишком вызывающих баннеров:

Подведем итоги

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

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

15 советов по созданию кликабельных рекламных баннеров

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

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

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

Содержание статьи

1. Используйте наиболее эффективные стандартные размеры баннеров

Сервис контекстной рекламы Google Adsense называет самыми успешными следующие параметры и форматы:

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

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

Баннер на полстраницы

2. Размещайте баннеры правильно

Покупайте место на сайте поверх линии сгиба (Above The Fold) близко к основному контенту страницы, тогда ваш дизайн будет виден всем.

3. Поддерживайте иерархию

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

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

2. Ценностное предложение (Value Proposition) — объясняет, какой продукт/услугу вы предлагаете, и привлекает внимание заманчивыми оффером и ценами. Как правило, здесь можно увидеть словосочетания вроде «высокое качество», «50%-ная скидка» и «ограниченная по времени акция». Данный элемент занимает основное пространство, и именно его должны в первую очередь заметить зрители.

3. Призыв к действию (Call to Action, CTA) — это текст или кнопка, приглашающая пользователей нажать ее. Обычно пишут что-то вроде «Узнать больше», «Посмотреть» или «Начать». Призыв должен стать фокусом рекламного объявления.

Призыв к действию от Авито

4. Соблюдайте простоту

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

Лаконичный мобильный баннер от Miu Miu

5. Внедряйте кнопки с умом

Кнопки повышают кликабельность рекламы (Click-Through Rate, CTR). Размещайте их после текста, ближе к нижнему правому углу. Применяйте контрастный цвет и не забудьте о вкусе! Кнопки должны отличаться постоянным дизайном на протяжении всего набора рекламных объявлений.

6. Обрамляйте свои баннеры

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

7. Делайте текст мгновенно читаемым

Заголовок и основной текст должны иметь разный размер. Весь текст не должен превышать четырех строчек:

Хороший пример читабельности

Не вполне удачное решение

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

8. Применяйте анимацию

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

Ритейлер детской одежды Mothercare

«Сбербанк»

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

9. Органично дополняйте, выделяясь

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

Баннер от Apple

10. Обеспечивайте связь с брендом

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

11. Внушайте ощущение срочности

Визуально срочность создается смелыми контрастными цветами. Баннеры не должны быть скромными и незаметными.

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

Графика и фотографии должны иметь отношение к продукту. Их цель — лучше донести послание. Никаких абстракций. Не можете позволить себе профессиональных фотографов и моделей? Заплатите за качественные стоковые фото. Можно найти оригинальные иллюстрации или заказать графику дизайнеру.

Изображения вообще не обязательны к использованию. Мастерски составленный текст и удачная типографика создадут аналогичный эффект.

13. Отдавайте предпочтение подходящим цветам

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

Наука о цвете субъективна, и в разных культурах цвета имеют различные ассоциации. Изучите целевую аудиторию перед выбором оттенков. Вот примеры эмоций, вызываемых разными цветами, у людей Запада:

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

Проект «500 Startups» от «Сбербанка» в ярко-зеленом цвете

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

Реклама УАЗ Патриот в желто-черных тонах

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

Реклама от New Balance в практичном сером цвете

14. Поддерживайте небольшой размер файлов

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

15. Используйте правильные форматы файлов

JPG, PNG, GIF или HTML5 — это то, с чем следует работать. Как правило, дизайнеры создают графику в Adobe Illustrator или Photoshop и получают файлы в JPG, PNG или GIF, либо они применяют Google Web Designer или Adobe Animate и на выходе имеют HTML5.

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

Заключение

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

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

Оффер в виде баннера → переход на лендинг → подписка на рассылку → Lead Nurturing

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

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

10 ярких рекламных кампаний, которые играют не по правилам

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

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

«Поместите бренд на главное место»

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

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

Дело здесь не в излишней скромности креативного агентства Ogilvy. Постер выдвигает на первый план идею, а только потом бренд, словно сообщая: «Шевелите мозгами, читайте журналы — вот даже The Economist, например».

Спрятанное название создаёт элемент головоломки, игры со зрителем. Потребители, которые уловят месседж, наверняка почувствуют себя догадливыми и сообразительными. И наверняка посчитают, что уж эту газету они должны читать непременно. Такой подход к рекламе очень точно транслирует позицию журнала как издания для прогрессивных и думающих людей — вспомнить хотя бы знаменитый постер «I never read The Economist».

«Укажите на проблемы потребителя. Предложите выгоду»

По рекламе сложно догадаться, но No Name — канадский generic brand , который предлагает продукты и бытовые товары. Это такая типичная «безликая» марка в магазине у дома: низкие цены, минималистичная упаковка, единый стиль.

Долгое время (а No Name существует с 1978 года) бюджетность была главным преимуществом перед брендами «с именем». Однако они пошли дальше и превратили в бренд отсутствие бренда. «Безликость» стала абсолютной простотой: продукты не содержат никаких вредных добавок, поэтому люди покупают именно хлеб, масло и молоко, а не привлекательное название.

Эта идея легла в основу масштабной рекламной кампании бренда в 2019 году. Агентство John St. сделало акцент на нарочитой «примитивности» и узнаваемом дизайне: и от конкурентов отстроились, и потребителю открылись с другой стороны. При этом никаких призывных лозунгов, давления на «боли» или другие эмоции покупателей (а им реклама понравилась: когда вышел мерч No Name, его раскупили мгновенно).

«Продемонстрируйте сам продукт»

Стакан тёмного, почти чёрного пива с плотной шапкой белой пены давно стал визитной карточкой ирландского бренда Guinness. Причём настолько узнаваемой, что в изображении самого пива больше нет нужды. Его можно заменить связкой воздушных шаров, футбольной командой или парковой скамейкой, как и сделали агентства Irish International BBDO и Wings CLL.

Так, например, плакат «Welcome home» встречал пассажиров в аэропорту Дублина и сразу напоминал, что их на самом деле ждётна родине. А постер со скамейкой — недавний креатив времён локдауна. Сюда очень удачно вписался знаменитый слоган бренда: «Хорошее приходит к тем, кто ждёт». Получился ободряющий месседж: надо немного подождать сейчас, чтобы потом в полной мере насладиться прогулками на свежем воздухе.

«Покажите счастливых потребителей»

В год своего 130-летия бренд Borjomi вышел на рынок США, и их рекламная кампания — отличный пример, как можно честно рассказать о специфике своего товара, да ещё и обратить её в однозначный плюс. В ролике двое молодых людей пробуют минеральную воду. И если девушка радостно улыбается и кивает, то парень морщится и сообщает: «Э-э, мне не нравится». Следом идёт титр: «Нравится только одному человеку из двух». Наверняка воду Borjomi оценил бы тот самый 1 из 10 стоматологов, которому никак не угодит паста Colgate :-))

Реклама, разработанная агентством Battery, вышла под слоганом: «Вкус природы. Вы просто забыли, какова природа на вкус». Креативная подача создаёт впечатление товара «не для всех» и рождает азартное желание попробовать необычную воду — о чём кто-то из YouTube-зрителей и написал в комментариях под видео.

«Сосредоточьтесь на пользе продукта, а не на его характеристиках»

В этом шуточном ролике IKEA «гуру дизайна» Йорген Эгхаммер целых две с половиной минуты рассказывает о невероятных преимуществах нового «девайса» Bookbook. Вечный заряд батареи, сенсорная технология управления, моментальная загрузка страниц, интуитивно понятный интерфейс и активируемая голосом система защиты — надо просто сказать: «Извините, это моё». Магия, да и только!

Реклама бумажного каталога IKEA-2015 тонко пародирует рекламные ролики Apple с «говорящими» головами на белом фоне и пафосными фразами в духе «Технологии, улучшающие жизнь, должны быть в руках каждого». Зрители шутку оценили: всего за сутки видео собрало больше 700 тысяч просмотров, а сейчас их почти 19 млн.

«Не используйте фразы с „НЕ“»

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

У такого рекламного решения есть более известный прародитель, который довёл идею свободомыслия до высшей точки. Это ролик «Don’t» британской газеты The Independent. В нём запрещается буквально всё: не ходи, не говори, не кури, не думай, не читай. Текст, написанный певцом и поэтом Джоном Купером Кларком, сопровождается чёрно-белыми кадрами. На них люди гуляют, разговаривают, курят и делают всё, что им пытаются запретить. И читают — The Independent, конечно же.

«Реклама должна быть короткой»

Ролик, посвящённый технологии Old Spice Durascent, показывали 14 часов подряд на бразильском телеканале Woohoo. Он стал самой продолжительной рекламной кампанией на телевидении и попал в Книгу рекордов Гиннесса. Видео состоит из коротких клипов, «вложенных» друг в друга. Герои и локации перемешиваются в абсурдной нарезке, но ни один из кадров не повторяет друг друга в точности.

Создатели ролика, рекламное агентство Wieden+Kennedy São Paulo, обыграли таким образом стойкость дезодоранта. Как сообщает первый титр, «эта реклама длится столько же, сколько и действие нового Old Spice», а каждый отрывок заканчивается слоганом «Всегда пахни потрясающе с новым Old Spice».

Одновременно с TV-кампанией запустился сайт, где реклама длилась forever в прямом смысле слова. Количество смонтированного материала позволяло не повторять клипы, «даже если смотреть тысячу лет». Но почему-то сейчас сайт не работает, поэтому придётся поверить рекламщикам на слово и довольствоваться трёхминутной версией.

«Отстройтесь от конкурентов»

В истории маркетингового противостояния двух фастфуд-гигантов, Burger King и McDonald’s, чего только не было: и ситуативные подколы в Twitter, и ролик с пародией на клоуна Рональда Макдональда. Но, пожалуй, самая грандиозная троллингово-рекламная кампания — «Крюк за воппером».

В течение 9 дней акции жители США могли купить воппер за 1 цент. Он становился доступен в пределах 600 футов (примерно 180 метров) от любого McDonald’s. Тогда нужно было сделать заказ через приложение Burger King и затем забрать его в ближайшем заведении. В рекламной кампании использовали даже изменённый логотип McDonald’s: в перевёрнутом виде он изображал крюк, который предстояло сделать ради почти бесплатного воппера.

Результаты кампании, организованной агентством FCB New York, были такими же впечатляющими, как и идея: 1,5 млн скачиваний приложения (за 9 дней!), 3,3 млрд упоминаний и взлёт на первое место в американском AppStore за первые три дня. На десерт — три Гран-при на « Каннских львах ».

«У пользователя не должно остаться вопросов»

После просмотра этого ролика у многих пользователей вопросы, вероятно, только появились. От «Что я сейчас увидел?» до «Почему у меня завис смартфон?» и «Что вообще рекламируют?» Хотя на первый вопрос креативная команда из агентства Friends Moscow предусмотрительно дала ответ заранее.

«Рекламой Yota в ролике в интернете» кампания не ограничилась. Перед тем как появиться в сети, аналогичные видео крутились по TV. Затем запустилась наружная реклама: граффити и плакаты обыгрывали объекты и здания, на которых располагались. Последний, незапланированный этап кампании состоял из вирусных пользовательских мемов в стилистике бренда. Несмотря на скептические прогнозы, реклама оказалась эффективной: спонтанное знание бренда увеличилось на 10%, а количество упоминаний в соцсетях (кроме негативных) — в десять раз.

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

«Повторяйте рекламу чаще. Потребители должны её запомнить»

Время обратиться к рекламной классике — ролику Apple «1984». Он выглядит как полноценный короткометражный фильм: с развитием сюжета и эмоциональным накалом. (Режиссёр — Ридли Скотт.)

Происходящее на экране отсылает к одноимённой антиутопии Джорджа Оруэлла. В образе «Большого Брата», под влиянием которого находится толпа бритоголовых людей в одинаковой одежде, угадывается компания IBM. В то время она была однозначным лидером рынка компьютеров. Девушка с молотом символизировала Apple — их компьютер Macintosh должен был показать, «почему 1984 год никогда не будет похож на „1984“». Противостояние выражается и в цветах: на фоне серой массы девушка — единственное яркое пятно под стать радужному логотипу Apple.

В Сети можно встретить множество упоминаний о том, что реклама была официально показана только один раз — во время трансляции финала Суперкубка по американскому футболу. Но это миф. На самом деле ролик несколько раз появлялся на небольших региональных телеканалах до матча, но не привлёк к себе столько внимания. Зато после того, как его увидели миллионы зрителей, покупать эфирное время не было нужды: реклама уже произвела нужное впечатление. Причём не только на зрителей, но и на профессиональное сообщество (так, ролик получил Гран-при в Каннах).

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

Бюджетная марка (как правило, продуктов питания), у которой нет собственного названия и логотипа. Товары носят «имя» супермаркета, в котором продаются, или называются по названиям самих продуктов.

Международный фестиваль производителей рекламы в Каннах. Считается самым авторитетным фестивалем в сфере рекламы

Международный фестиваль производителей рекламы в Каннах. Считается самым авторитетным фестивалем в сфере рекламы

Источники:

http://spark.ru/startup/bannerboo/blog/17103/15-dizajnerskih-priemov-kak-sdelat-banner-za-kotorij-ne-budet-stidno

http://inforesist.org/14-reklamnyih-bannerov-kotoryie-prishlis-po-vkusu-polzovatelyam/

http://marketer.ua/22-kreativnih-reklamnih-banera-yaki-vam-spodobayutsya/

http://1ps.ru/blog/promotion/2017/akczionnyie-banneryi-na-sajt-risuem-pravilno/

http://lpgenerator.ru/blog/2019/10/10/15-sovetov-po-sozdaniyu-klikabelnyh-reklamnyh-bannerov/

http://skillbox.ru/media/marketing/10_yarkikh_reklamnykh_kampaniy_kotorye_igrayut_ne_po_pravilam/