Как сделать красивый баннер: 12 правил создания дизайна идеального баннера наружной рекламы » Маркетинговое агентство во Владивостоке Concept Lab

Содержание

Как сделать рекламный баннер, который конвертит — RichAds Blog

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

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

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

Главные тренды интернет-маркетинга в 2021

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

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

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

Тренд №1. Мобильная реклама рулит рынком

В январе 2021 насчитали 4,66 миллиарда активных пользователей интернета, из них 4,32 миллиарда пользуются мобильными девайсами.

Мировая статистика по количеству активных пользователей интернета в январе 2021

Что это значит для вас? Выбирайте мобильные форматы рекламы, запускайте рекламные кампании внутри мобильных приложений, ведите активную работу в мессенджерах (чат-боты и каналы, например).

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

Как увеличить скорость загрузки сайта, можно узнать здесь.

Тренд №2. Видео, больше видео

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

Видео можно снимать самостоятельно. Простая видео реклама в Инстаграм только подтверждает это.

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

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

Если говорить о видео, нельзя не упомянуть вебинары, видео-обзоры и даже видео к статьям (обычные сюжеты или ролики с мнением эксперта). Они тоже в тренде.

Тренд №3. Реклама в сториз

Обратите внимание на формат сториз в Инстаграм и формат коротких роликов в Тик-Ток. Не зря Facebook и Youtube добавили сториз в свой интерфейс. Самое время начать ими активно пользоваться.

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

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

Пример рекламы в сториз от Ozon

Тренд №4. Влияние инфлюэнсеров и микроинфлюэнсеров

Раньше люди доверяли “сарафанному радио”, теперь слушают топовых блогеров и микроинфлюенсеров (людей с небольшим количеством подписчиков). 

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

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

Тренд №5. Проще, еще проще

В 2021 главными правилами для создания конвертящего баннера стали простота, немногословность и “воздух”.  

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

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

Как сделать эффективный баннер?

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

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

  • Выявить цель рекламной кампании

В зависимости от цели (получить конверсии, увеличить узнаваемость бренда, рассказать про обновления или скидки) ваш баннер будет выглядеть по-разному.

От конечной цели будет зависеть его текст и наличие или отсутствие CTA (call to action) кнопок.

  • Описать портрет потенциальной аудитории

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

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

  • Написать несколько вариантов текста

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

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

Если вы хотите показать выгоду, не стоит писать “скидки до 70%”, лучше покажите старую и новую цену. Так сразу станет понятно, какую выгоду получит клиент.

Зачем нужны несколько рекламных текстов? Как бы хорошо вы не изучили свою аудиторию, вы не можете точно знать, что привлечет клиента. Оптимальный вариант: написать несколько вариантов текста и протестировать их все.

  • Выбрать картинки для баннера и определиться с цветовой гаммой 

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

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

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

  • Провести A/B тест разных баннеров

A/B тест (он же сплит-тест) – это эксперимент, во время которого пользователю показывают разные варианты рекламных баннеров, а затем по реакции оценивают их успешность.

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

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

Где взять бесплатные картинки для баннера?

Сразу отбросим вариант с поиском бесплатных картинок в Гугл. Все-таки закон об авторском праве никто не отменял. 

Самый доступный способ сделать эффективный баннер — это найти готовые фото на фотостоке. Не нужно организовывать фотосъемку и платить фотографу.  

Фотостоки бывают бесплатными и платными. Нас, конечно же, интересуют бесплатные варианты. И в случае со стоками «бесплатный» совсем не означает отсутствие выбора.

Вот 5 фотостоков, где можно поискать подходящие картинки:

  1. Pixabay — 1.9 млн картинок + музыка и видео;
  2. FreeStockImages — более 100 000 бесплатных фото;
  3. Picjumbo — более 20 категорий с бесплатными фото;
  4. All The Free Stock — источник фото, иконок, звуков и видео;
  5. Stock Up — 25,000+ бесплатных фото.

Если ничего не найдете в бесплатных стоках и готовы платить, то Shutterstock — самый крупный фотобанк. В нем 300+ миллионов фото, иллюстраций, примеров векторной графики, видео и музыки.

Примеры бесплатных фото из фотостока Pixabay

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

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

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

5 лучших инструментов для создания кликабельных баннеров

1. Canva

Canva — универсальный сервис для создания рекламных материалов. Значительная их часть доступна бесплатно.

Здесь собраны готовые шаблоны не только для рекламных баннеров в Инстаграм, Facebook, Youtube и Whatsapp, но и шаблоны презентаций, плакатов, документов.

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

Создатели не забыли о формате видео, с ним тоже можно работать на платформе. 

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

2. Colorcinch

Colorcinch — редактор, который помогает редактировать фотографии он-лайн. 

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

К редактору добавлен бесплатный фотобанк с изображениями. Частью функционала можно пользоваться бесплатно.

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

3. Clickmajic

Clickmajic — инструмент, который помогает убрать задний фон на фотографиях. 

Классная возможность выделить одного главного героя /объект, если на фото их несколько или фон вам мешает создать красивый баннер. 

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

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

4. Infogram

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

Инфографика — незаменимая вещь для интернет-маркетолога. Ее можно разместить на баннере или использовать на лендинге. Такие материалы повышают доверие пользователя.

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

5. TinyPNG

TinyPNG — сервис, который помогает уменьшает вес ваших баннеров. Работает с двумя форматами PNG и Jpeg. Анимированные PNG тоже получится сжать.

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

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

Пуш-уведомления — лекарство от баннерной слепоты

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

Пример, на котором можно увидеть, как юзер изучает страницу (хитмеп)

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

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

Как выглядит хитмеп с баннером и пуш-уведомлением

Как создать конвертящий баннер для пушей

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

Как выглядит пуш-уведомление на компьютере и мобильном

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

Здесь мы собрали более 300 лучших иконок по 8 топовым вертикалям. Их можно скачать бесплатно.

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

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

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

Текст пуша ограничен 75 символами: максимальная длина заголовка — 30 символов, а описания — 45. Постарайтесь кратко и понятно сформулировать свой оффер. 

Формат уведомления позволяет обращаться к потенциальному покупателю, используя местоимения ты/вы, и это будет уместно.

Хотите увеличить конверсию — добавьте в текст эмодзи! Они привлекают внимание к пуш-уведомлению и увеличивают конверсию до +10%.

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

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

Выбирайте перспективные рекламные офферы и лейте в плюс на трафике RichAds.

Запустить оффер на трафике от RichAds

RichAds это —
✅ пуш и попс-трафик,
✅ CPC от $0.003 и CPM от $0,3,
✅ лояльная и быстрая модерация,
✅ помощь персонального менеджера,
✅ автоматическая оптимизация при помощи Target CPA,
✅ большие объемы доступного трафика в более чем 200 гео.

анализ дизайна 20 примеров |Webpromoexperts

Смотрим 20 победителей из конкурсов «99 Designs» и анализируем, что хорошо, а что плохо.  


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


99 Designs — известная западная биржа для фрилансеров с полумиллионом клиентов. Фрилансеров у них больше — 1,5 млн., и каждые полторы секунды на сайт загружается новый дизайн. Требования к дизайнам довольно строгие и на конкурсах, которые составляют основу 99Designs, выигрывают только лучшие из лучших. (Хотя, как мы увидим дальше, клиенты выбирают не самые лучшие варианты из предложенных).

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

Поехали!

1. Shapiro MD

Это работа-победитель дизайнера Sampu123, выбранная из 52 дизайнов и 14 дизайнеров. Клиент— Shapiro MD, шампунь для роста волос. Стоимость проекта — $300. С выбором победителя мы согласны — открытое улыбающееся лицо, приятные цвета и хорошая композиция. Возможно, было бы лучше, если бы мужчина смотрел прямо в кадр, тогда бы он цеплял внимание еще больше, но это уже я так, придираюсь )

2. QuadrigaCX

А это конкурсная работа дизайнера prodesign81. Он победил 9 соперников и заработал 69 канадских долларов. Баннер на хайповую криптовалютную тематику— про продаже биткойнов и эфира. В принципе, особо придраться не к чему. Цветовая гамма подходящая, изображение сверкающих золотых биткойнов привлекает внимание, с типографикой тоже все хорошо. Твердая четверочка, потому что не цепляет. Просто хороший, качественный рекламный баннер. И лично я не очень люблю курсивный шрифт применимо к данному случаю.

3. Reseever

Стартап Reseever попросил сделать для них стильную рекламу для фейсбука, с чем успешно справился дизайнер arc44. Среди 8 дизайнеров и 27 работ его баннер оказался лучшим — впрочем, конкуренты креативом не блистали, и arc44 заслуженно заработал свои 129 долларов. Работа, на самом деле, классическая, и построена по всем правилам жанра фейсбучной рекламы — чистый фон, мало текста (одно из требований фейсбука), изображение айфона, которое четко указывает, на чем работает программа, и скриншоты приложения. Есть хорошо проработанный призыв к действию (Call to Action) и краткое описание приложения. Все сделано грамотно и аккуратно.

4. Vitality

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

5. Acai Berry Detox

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

6. Momentum Business Center

Бизнес-центр Momentum заказал разработку новых баннеров и теперь будет радовать глаз пользователя своим позитивным оранжевым дизайном, который для них сделал Rio.Shine за $79. Все бы ничего, но огорчают слишком маленькие тексты, которые трудно читать, белый текст на светло-оранжевом фоне, который тоже трудно разглядеть, и объемные кнопки, которые были популярны десяток лет назад. Да и оранжевый цвет, как по мне, не в тему. Я бы за основу взял серый, который в логотипе, а оранжевым показал бы акценты. В любом случае, работа сдана, заказчик доволен, а мы идем дальше.

7. Prestige Color Printing

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

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

8.

Law Crossing

Здесь все радует глаз — и приятная цветовая гамма с ярко выраженными акцентами, и четкий копирайтинг, и композиционное решение. И даже разрез бумаги, который был жутко популярен лет так 10 назад, здесь смотрится очень органично. Только на формате 320х50 кнопочку «Get hired now» можно было и не показывать, не факт, что она прочитается. В любом случае, твердая пятерка дизайнеру Graphic House и заслуженные немаленькие $250.

9. Acme

А это дизайн от нашего индийского друга Studio33in. В честном дизайнерском бою он победил 24 соперников, которые выставили 119 работ, и сделал это хорошо. Отличная цветовая гамма для софтверной компании, хорошо подобранное релевантное фото, понятные тексты и классический красный CTA. $129 — отличная цена за этот дизайн. Просто приятно смотреть.

10. Service Market

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

11. Pocket Informant

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

12. SNO Sites

Редко бывает, когда заказчик выбирает сразу 2 победителей, но тут как раз тот случай. Причем, с заказчиком я согласен на все 100%. Непонятно только, делил он 49 долларов на двоих, или дал каждому по $49 ) Надеюсь, что второе.

Итак, первый веб-баннер от Create4Design просто вдалбливает вам в голову 4 преимущества — методично и напористо. Ничего лишнего, только хардкор.

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

13. Batiplus SA

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

14. Kellum Law Firm

В этом случае заказчику нужен был баннер, который привлекал бы внимание. Дизайнер с этим заданием справился — в Silicium Studio сделали акцент на кровавой пелене, которая покрывает большую часть изображения и служит фоном для не менее выразительного заглавия. Более, чем достойная работа за 75 долларов. А главное — создает нужное настроение.

15. Carzaty Oman

И снова два победителя — в первом случае Kuz.Design, а во втором уже знакомые нам Graphics House, которые за $129 сделали классические качественные автомобильные баннеры. Причем, здесь даже нечего комментировать — просто хороший продукт, который не вызывает лишних вопросов, а молча делает свою работу — собирает клики.

16. Cheepies

Заметьте, это первый баннер с рисованной иллюстрацией, а ведь это отличный способ выделиться! Pawan Droch это знал, поэтому и выиграл конкурс и 169 австралийских долларов. Жаль только, что иллюстрация с Shutterstock, а ведь мог и сам нарисовать! В любом случае, баннер сделан качественно и соберет достаточно внимания у фейсбук-аудитории.

17. Get Wild Studios

Собачьи фотографы, оказывается, популярны! И за 109 австралийских долларов получился вполне себе ничего симпатичный баннер от дизайнера FlashPrime. Единственное, что меня смущает — сине-голубая цветовая гамма, которая подойдет больше для медицинских или технологических решений, а не для собачьего рая. Но здесь не дизайнер решал, а заказчик, у которого сайт выполнен в идентичной цветовой гамме.

18. Australian Excellence

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

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

Дизайнер ʚïɞ Mary Kaiser ʚïɞ (да, именно вот так, с бабочками) тоже очень постаралась и даже немного перестаралась — я имею в виду небольшой хаос с продукцией и фотографией девушки. Синий фон здесь тоже спорно смотрится — его нет на продукции, кроме синих букв на упаковке, и в даном контексте он смотрится не к месту. Решение с вопросом и анимированными ответами на него — хорошо, но слишком замудрено. Не будет пользователь читать так много на рекламном баннере. Предыдущий пример проще и лучше.

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

19. Jelly’s Quest

 

Здесь тоже два победителя — eeeh_aarrh (первый баннер) и Neef. Первый мне нравится больше за счет простоты, динамики, крупных элементов на нем. «Play for free» смотрится заманчиво, короче, есть все составляющие для того, чтобы кликнуть по этому баннеру.

Второй баннер тоже неплох, раз его выбрали в качестве победителя, но здесь невнятный и грязноватый то ли фон, то ли голова, много элементов, кнопка «Install now!» явно проигрывает «Play for free», и это все вместе смотрится забито и хаотично. В любом случае, оба получили по $129.

20. DateabilityIQ

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

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

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

Важно помнить, что:

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

— Одна картинка

— Одно текстовое сообщение

— Один призыв к действию

— Один элемент бренда

Баннер должен вести на релевантную страницу. Если рекламируете товар, покажите пользователю страницу товара с возможностью его заказать.

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

Баннер обязательно должен содержать призыв к действию

Анимация, если она есть на баннере, не должна быть раздражающей и чересчур вызывающей.

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

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

У нас уже более 100 уникальных шаблонов в 16 размерах и каждую неделю мы выкладываем новые — на разные тематики и для разных индустрий.

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

Знания, которые вы получите на курсе «Интернет-маркетинг СТАРТ», позволят вам легко и самостоятельно разработать комплексную стратегию развития веб-ресурса. Научитесь создавать удобную структуру сайта, находить в социальных сетях потенциальных клиентов. Сможете запустить рекламную кампанию и оценить ее продуктивность.

ЗАПИСАТЬСЯ

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

Как создать баннер? Как сделать дизайн баннера?

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

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

Онлайн-баннеры: основы

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

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

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

  • 300×250 пикселей (и немного увеличенная версия этого баннера, 336×280 пикселей) — один из самых основных размеров баннеров, который отлично работает как в конце, так и в конце. статьи или между ее частями, служащий в некоторых случаях разрывом главы.
  • 300×600 пикселей больше похож на квадратный баннер, который в первую очередь фокусируется на визуальных элементах, а текст не считается таким важным, как в других примерах.
  • 320×100 пикселей — самый маленький из четырех, и он в основном зарезервирован для рекламы, созданной специально для мобильных устройств (так ее легче читать из-за небольших размеров).
  • 468× 90 пикселей (и его духовный преемник, 728×90 пикселей ) — это прямоугольные баннеры, которые изначально лучше всего подходили для верхней части страницы, хотя эволюция разрешений экрана привела к тому, что размер 468×90 пикселей стал трудно распознать.

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

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

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

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

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

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

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

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

Как оформить баннер?

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

  • Проанализируйте свою сферу деятельности и найдите свою целевую аудиторию. Общие баннеры гораздо менее эффективны, чем более узкие, но целевые. Сосредоточение внимания на вашей конкретной области работы, как правило, творит чудеса с полезностью вашего баннера.
  • Разработайте сообщение своего баннера и убедитесь, что имидж вашего бренда представлен в максимально позитивном ключе. Имейте в виду, что большинство баннеров относительно небольшие, а пространство, которое у вас есть для вашего сообщения и вашего логотипа, сильно ограничено. Кроме того, вы должны попытаться найти золотую середину между вашим баннером, слишком сильно выделяющимся на вашем веб-сайте, и вашим баннером, настолько сливающимся с дизайном вашего веб-сайта, что он становится едва заметным на общей картине. Граница в 1 пиксель невзрачного цвета имеет большое значение для выделения вашего баннера в контексте вашего собственного веб-сайта.
  • Также необходим прогрессивный подход к дизайну вашего баннера. Мир постоянно меняется, и большинство дизайнов баннеров устаревают за относительно короткий период времени. Вот почему вы не должны сомневаться в корректировке вашего баннера, как только вы заметили, что его популярность резко упала. В этом отношении также приветствуются эксперименты с различными элементами, а творческие усилия часто вознаграждаются повышенным интересом клиентов в целом.
  • CTA так же важен, как и любая другая часть баннера. Хороший призыв к действию должен побуждать людей нажимать на соответствующий баннер, не выглядя при этом властным или раздражающим. Предложение различных специальных предложений или скидок за клики по баннерам также является отличным способом привлечь внимание. В таких случаях щедрость очень окупается.
  • Скорость загрузки страницы невероятно важна. Чем быстрее загружается ваш сайт, тем больше людей просматривают его и что-то может привлечь их внимание. В то же время более длительное время загрузки часто раздражает и, как правило, портит репутацию вашей веб-страницы в целом. Вот почему настоятельно рекомендуется убедиться, что ваш баннер достаточно легкий и не замедляет общую скорость загрузки вашего сайта. Рекомендуется мягкое ограничение в 50 КБ на изображение, а жесткое ограничение в 150 КБ почти обязательно.

Это не все, что вам нужно иметь в виду, это еще не все. Например, имейте в виду, что четыре размера баннеров, которые мы описали (728 × 90, 300 × 250, 336 × 280 и 300 × 600), считаются Google Adsense наиболее эффективными, и поэтому они часто используются. из-за этого. Выбирайте нестандартные размеры баннеров только в том случае, если вы уверены в своей приверженности этому конкретному размеру баннера.

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

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

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

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

  • Красный — чувство страсти и азарта.
  • Зеленый – это ощущение роста, здоровья и окружающей среды.
  • Розовый – это чувство молодости и любви.
  • Синий — это ощущение безопасности и интеллекта.
  • Коричневый — это ощущение дерева и природы, часто используется для балансировки более ярких цветов.
  • Желтый – это ощущение дружелюбия и солнечного света.
  • Белый – это ощущение невинности и чистоты.
  • Оранжевый – это ощущение бодрости и игривости.
  • Фиолетовый посвящен королевской власти, мудрости и творчеству.
  • Серый олицетворяет практичность и нейтральность и способен усиливать другие цвета при использовании в тандеме с другими.

Заключение

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

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

АВТОР

Виктория Дюбен

Основатель, генеральный директор Viewst

Виктория является генеральным директором Viewst. Она серийный предприниматель и основательница стартапа. Работала в инвестиционно-банковской сфере 9 лет.лет в качестве продавца международных фондов, трейдера и управляющего портфелем. Тогда она решила переключиться на собственный стартап. В 2017 году Виктория основала Profit Button (новый вид мультимедийных баннеров), проект за 2 года вырос до 8 стран на 3 континентах. В 2019 году основала стартап Viewst. Сейчас у компании клиенты из 43 стран, включая США, Канаду, Англию, Францию, Бразилию, Кению, Индонезию и др.

10 советов по эффективному дизайну баннеров и баннерной рекламе