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

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

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

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

Adobe Spark

Поклонники Photoshop выбирают этот сервис за привычные интерфейсы Adobe. В нем есть несколько базовых шаблонов. При определенной сноровке с их помощью можно бесплатно создать баннер. Тем, кому базовых решений недостаточно, придется доплатить за расширенный функционал. В США стоимость подписки на одно приложение в рамках плана Adobe Spark для индивидуальных пользователей составляет $ 9,99, а стоимость годового плана — $ 99,99. Но помните, что в связи с уходом Adobe из России вам придется искать обходные пути.

Bannersnack

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

В приложение встроены инструменты аналитики и сбора данных, с помощью которых можно эти кампании настроить.

Кроме стандартных JPG, GIF, PNG, поддерживает HTML5, редкий в наше время Flash, а также видео. Bannersnack совместим со многими рекламными сетями.

Бесплатно предоставляются только 10 статических или анимированных объявлений и 10 000 просмотров в день каждого баннера.

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

В тарифе «Стартовый» за $7 в месяц ограничение уже в 30 объявлений в месяц и 25 000 просмотров в день. Немного, но хотя бы без водяных знаков.

Другие тарифы полностью раскрывают потенциал приложения, но и ценник уже значительно выше.

Canva

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

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

Подписка PRO обойдется в € 10,99 в год. Тариф для команд до 5 человек — € 139,90 в год.

Canva официально не работает в России, поэтому ограничения придется обходить.

Crello

Сервис предлагает более 100 тысяч шаблонов дизайна и большую библиотеку фото, видео, фонов, объектов и картинок для баннеров. Есть инструменты создания анимации. Фишка сервиса — пользователям выделяется 10 ГБ для файлов и проектов в облачном хранилище.

Сделать рекламный баннер онлайн бесплатно в Crello можно, но без денег функционал невелик. Платный тариф Pro резко расширяет возможности. Стоимость начинается от $ 7,99 в месяц. Обратите внимание, что сервис в России не работает, так что официально оплатить не получится.

Desygner

Сервис с русским интерфейсом. Позиционирует себя как «графический дизайн для недизайнера». Имеет 14-дневный пробный период, в котором можно протестить все возможности. Хорошо проработана мобильная версия, можно делать дизайн рекламного баннера буквально «на бегу» со смартфона или планшета.

Тариф Pro+ обойдется в ₽ 150 в месяц, тариф «Бизнес» стоит уже ₽ 500 в месяц.

BannerBoo

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

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

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

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

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

Fotor

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

Работает в вебе, поэтому несложно сохранить проект на одном устройстве и продолжить работу другого. Есть версии для Windows, MacOS и приложения для смартфонов.

В бесплатном плане Basic есть ограничения по инструментам и придется терпеть рекламу. Стоимость платной версии начинается от $8,99 в месяц с тестовым периодом 3 дня.

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

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

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

Как же нарисовать баннер самому, если вы не владеете профессиональным софтом для отрисовки графики? Онлайн-редакторы помогут!

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

Давайте посмотрим, как нарисовать баннер онлайн с помощью популярного инструмента Canva.

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

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

В базовой версии изменить размер шаблонов нельзя. Зато можно задать размер дизайна самостоятельно, кликнув на «Использовать специальные размеры» справа сверху.

Для примера выберем «Большой прямоугольный баннер» — стандартный формат 336×280 пикселей. Помимо прямоугольника, доступны готовые форматы «небоскреба», горизонтального баннера и картинок под разные виды рекламы на Facebook.

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

Шаблоны часто обновляются и дополняются новыми

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

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

Во вкладке «Загрузки» можно загрузить собственные фотографии или логотипы. Если вы планируете использовать какую-то из картинок регулярно — загружайте ее в папку «Мое»: так она всегда будет у вас под рукой.

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

Когда все готово, нажмите «Скачать» справа сверху и выберите один из доступных форматов.

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

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

Копии и варианты можно создавать в неограниченных количествах.

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

Режим совместного редактирования

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

Это можно сделать 2 способами:

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

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

Встроенная коллекция стоковых фото и клипартов

Если вам требуется фотография, иконка или другая иллюстрация, в Canva их можно найти через строку поиска слева или тематические папки в разделе «Элементы».

Часть доступных изображений бесплатны, остальные можно использовать за деньги, от 1$ в зависимости от типа лицензии и количества. Альтернативный источник — другие фотостоки, которые предлагают немало бесплатных фотографий.

Мультиформатность

В Canva также можно нарисовать рекламный баннер, создавать презентации, логотипы, визитки, обрабатывать фотографии, оформлять посты и профили в социальных сетях, а также делать баннеры для YouTube- и Twitch-каналов. В сервисе очень много шаблонов под разные тематики, все они сделаны профессиональными дизайнерами.

Помимо браузерной версии, Canva можно найти в виде приложений в каталогах App Store и Google Play для работы с мобильных устройств.

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

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

Дизайн баннера: полное руководство по созданию идеального медийного объявления

Дизайн баннера: полное руководство по созданию идеального медийного объявления

Последнее обновление: 5 марта 2020 г.

Итак, вы решили запустить медийную рекламную кампанию . Большой!

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

Эта статья изменит это.

Все эти советы по дизайну баннеров протестированы ведущими рекламодателями мира !

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

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

Начнем.

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

Каждый удачный дизайн баннера состоит из 6 частей. Это:

1. Размер
2. Фон
3. Заголовок
4. Подтекст
5. CTA (призыв к действию)
6. Изображение продукта

Плюс 9001 очень важная, но часто упускаемая 7-я часть

• Целевая страница

Рассмотрим каждую часть, начиная с размеров баннеров.

Баннеры каких размеров мне создавать?

Согласно нашим исследованиям, 89% всех отпечатков баннеров AD состоит из этих 4 размеров:

300 × 250 Средний прямоугольник, 40% инвентаризации
728 × 90 -й лидер — 25% из
728 × 90 x 900 — 25% из
728 × 90 — 25% из покрова	728 × 90 — 25% из vensentory	728 × 90 — 25% из venventory	728 × 90 — 25% из покрова		728.
320×50 Mobile Leaderboard – 12%
160×600 Wide Skyscraper – 12%

Mapped out, the total distribution of banner sizes looks like this:

Глобальная частота рекламы — наиболее часто используемые размеры баннеров

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

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

Начнем с фона.

2. Как выбрать правильный фон для ваших баннеров

По сути, есть 2 способа выбора фона для медийной рекламы;

• Однотонный фон
• Фотофон

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

Баннеры со сплошным фоном

Ниже приведен отличный пример баннера со сплошным фоном:

Вы бы кликнули по этому объявлению?

Возможно, вы не сможете разместить John Cena на своих баннерах, но есть несколько советов, которые вы можете почерпнуть из этого объявления:

• Однотонный фон усиливает сообщение и создает естественный контраст. на белый фон CTA.
• Ничто не отвлекает от заголовка, Hefty Ultra Strong (Или от красивого лица Сины).
• Несмотря на то, что фон соответствует цветам продукта, фотография продукта красиво обрамлена контрастной черной футболкой Cena.
• Бело-голубой логотип Hefty четко выделяется на оранжевом фоне.

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

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

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

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

Баннеры с фотофоном

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

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

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

Когда я должен использовать фотофоны для своих баннеров?

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

Как правило, при выборе фона баннера необходимо учитывать контрастность .

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

Посмотрите ниже:

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

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

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

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

Это приводит нас к следующему пункту в нашем списке;

Заголовок.

3. Как написать выигрышные заголовки для ваших баннеров

Ах, копирайтинг. Искусство говорить очень мало.

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

Давайте взглянем на некоторых из крупнейших рекламодателей в США:

Все эти баннеры четко передают сообщение – всего одним или двумя предложениями.

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

• Говорите коротко и ясно. У людей нет времени, чтобы прекратить то, что они делают, чтобы прочитать ваш рекламный баннер из 5 предложений. Если вы не можете сказать это максимум двумя предложениями, возможно, не говорите вообще.
• Будьте ясны в своем общении. Стряхните пыль со старого поля для лифта и адаптируйте его для своих баннеров. Что вы предлагаете людям и что вы от них хотите?
• Быть остроумным — или нет — это не имеет значения. В нескольких рекламных объявлениях используются умные слоганы, чтобы заманить вас (Verizon), в то время как другие просто прямо сообщают вам, что они продают (подарочные карты Amazon) 9.0032
• Попросите людей сделать что-нибудь . Большинство этих баннеров содержат физический глагол . Это слова, которые подразумевают действие , например:
  • Иди
  • См.
  • Приходи
  • Отпразднуй

Далее Google хочет, чтобы вы Перейти От нуля до гипермасштабирования . Verizon приглашает вас на Приходите быть лучшим в своей области .

«Создавайте свои заголовки как действие — и люди с большей вероятностью выполнят это действие».

Также важно отметить, что баннеры отличаются от контента .

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

Здесь главное помнить время , а точнее отсутствие времени .

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

Это дает вам важное решение относительно следующего пункта в списке; подзаголовок.

Делать или не делать? Узнайте дальше.

4. Должен ли я использовать подзаголовки для своих баннеров?

Прежде всего, что такое подзаголовок?

Это одно или два предложения, которые идут ниже основного заголовка.

Часто люди чувствуют необходимость объяснить свое сообщение подробнее, и они делают это, добавляя больше текста к своим баннерам.

Давайте посмотрим:

Вам может показаться, что это баннер с ужасным дизайном, но весь образ Dollar Tree построен на дешевизне.

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

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

Что касается подтекста, то на самом деле ничего другого не происходит, так что в данном случае текст оправдан.

Ключевой вывод из этого очень простого объявления:

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

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

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

5. Должен ли я использовать фотографии в своих баннерах?

Проще говоря, изображения продаются.

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

Посмотрим:

Подумай об этом. Зачем вам щелкать баннер, чтобы купить что-то прямо сейчас , если вы не знаете, что получаете?

Лучше всего сообщать людям, что они покупают , до того, как они нажмут .

Фотографии баннеров для цифровых продуктов

Цифровые продукты преуспевают, очеловечивая то, что они продают.

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

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

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

Конечно, необходимо, чтобы ваши товары сами по себе хорошо выглядели 🙂

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

Возможно, ваши клиенты лучше реагируют на определенный цвет, или один CTA работает лучше, чем другой.

Вот пример текущего тестирования:

Huawei показывает два объявления с одинаковым текстом и изображениями, , но с немного разными вариантами .

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

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

Вы делаете это с призывом к действию (CTA), и если вы хотите знать, как создать хороший призыв, вам следует продолжать читать.

6. Что такое CTA и как сделать его качественным?

CTA, или призыв к действию, говорит людям что делать дальше .

Спросить » 9″ — это естественный инстинкт.0019 и что теперь? », и CTA стремится ответить на этот вопрос.

Обычно призыв к действию состоит из двух частей.

• Цвет
• Текст

Мы пройдемся по обоим этим пунктам, но начнем с цвета.

Теория цвета CTA

Возможно, вы читали примеры людей, которые улучшили свои результаты на 100 процентов, просто изменив цвет кнопки CTA.

Эти отчеты дают интересное представление о человеческом разуме; мы приучены по-разному реагировать на разные цвета.

Давайте посмотрим на несколько примеров реальных баннеров:

Это 6 крупнейших страховых компаний США

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

Вот что говорит учение психологии цвета :

https://blogs.cardiff.ac.uk/studentlifecu/the-psychology-of-colors/

Теперь, как страховая компания, что вы хотите рассказать своим клиентам?

Может быть, вы заслуживаете доверия, защищены и ответственны? Другими словами, синий .

За исключением StateFarm, все объявления в приведенном выше примере содержат элементы синего цвета.

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

Итак, цвет CTA? В чем секрет?

Взгляните еще раз на этот рекламный баннер от Allstate:

У него синий фон и желтый CTA. Почему желтый?

Потому что это полная противоположность синему :

https://www.colortools.net/color_complementary.html

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

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

При создании собственных объявлений рассмотрите возможность использования CTA противоположного цвета.

CTA Text

При выборе текста для CTA спросите себя, что вы хотите, чтобы люди делали ?

Вот 3 рекламных баннера с крупнейших в мире сайтов онлайн-ставок и покерных сайтов:

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

Что они хотят, чтобы вы сделали?

• Они хотят, чтобы вы играли или делали ставки – и они хотят, чтобы вы это сделали сейчас .

Что делать, если вы продаете физические товары? Что вы хотите, чтобы люди делали?

Давайте посмотрим:

Если вы продаете физические товары, вы хотите, чтобы люди магазин сейчас .

• Вы хотите, чтобы люди делали покупки – сейчас .

А что насчет цифровых продуктов с более длительным циклом продаж? Ваши клиенты могут быть не готовы купить ваш продукт сейчас .

Что вы от них хотите?

Это:

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

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

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

Это, естественно, подводит нас к бонусному пункту в этом списке. То, что часто упускается из виду;

Куда вы ведете людей после того, как они нажали на объявление?

Далее: Целевые страницы.

7. Почему вы должны

всегда иметь специальную целевую страницу

Основная теория целевых страниц такова;

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

Посмотрите ниже:

Убедитесь, что ваши целевые страницы соответствуют предложению объявления.

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

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

На самом деле, согласно этой статье, только 48% маркетологов создают новую целевую страницу для каждой кампании, однако Hubspot сообщает о колоссальном коэффициенте конверсии посетителя в лида на уровне 35,62% для их специализированных целевых страниц.

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

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

Рекомендую прочитать ее перед запуском следующей медийной кампании.

Собираем все вместе

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

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

1. Размеры баннеров

• Если вы только начинаете, 4 размера охватят 89% всех мест размещения;
  • 300×250 Средний прямоугольник
  • 728×90 Таблица лидеров
  • Мобильная таблица лидеров 320×50
  • Широкий небоскреб 160×600

2. Фон

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

3. Заголовок

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

4. Подзаголовок

• Если вам нужно донести до зрителя дополнительную информацию, это можно сделать здесь. Опять же, будьте краткими. Обычно лучше иметь Подробнее -CTA, чем заполнять баннеры текстом.

5. Изображение продукта

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

6. CTA

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

7. Целевая страница

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

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

Знаете ли вы кого-нибудь, кому нужны советы по дизайну? Поделитесь этой статьей, и они могут купить вам обед.

Спасибо

Поделись этим:

Микаэль Крюгер

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

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

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

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

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

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

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

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

• 300×250 пикселей (и его немного увеличенная версия — 336×280 пикселей) — это один из самых основных размеров баннера, который отлично работает как в конце статьи, так и между ее частями, в некоторых случаях служит разрывом главы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  АВТОР

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

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

  Виктория является генеральным директором Viewst.