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

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

Обновлено 5 октября, 2020

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

Структура баннера

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

Фирменный стиль (айдентика)

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

Например, Starbucks всегда размещает на баннерах узнаваемый логотип с русалкой (как самостоятельный элемент или брендинг продуктов) и использует зеленый цвет. А рекламу Coca-Cola трудно представить без красного цвета и рукописного шрифта.

Текст

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

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

Посмотрите, как работают с рекламными предложениями популярные бренды. eBay, который обращается к малому бизнесу, использует конкретные коммерческие предложения: «Попробуйте продавать на eBay. Это полностью бесплатно!», «Ваш бизнес поддерживает малый бизнес». Adidas, апеллируя к молодой спортивной аудитории, ограничивается емкими слоганами: «Усиленная энергия», «Оставайтесь активными».

Изображения

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

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

СТА (call to action, то есть призыв к действию) — основной элемент баннера, который побуждает пользователей совершить целевое действие: перейти на сайт, узнать больше о продукте, купить товар и т.д. Формулируя СТА, важно точно понимать, чего именно вы хотите от потенциальных клиентов и на каком этапе отношений с ними находитесь.

• Кнопка «Купить» или «Купить сейчас» актуальна, если вы обращаетесь к «теплой» аудитории на тех площадках, где ваш бренд хорошо знают. Это подойдет для массовых бюджетных продуктов, как Pampers, Old Spice или Uniqlo.
• Если вы взаимодействуете с «холодной» аудиторией, избегайте агрессивных призывов. Завоевывайте лояльность мягкими фразами: «Узнать подробнее», «Скачать бесплатный чек-лист», «Зарегистрироваться на вебинар». Так, Cadillac предлагает сначала познакомиться с новой моделью авто, перейдя на сайт: «Откройте для себя CT5».
• Еще один вариант — креативные формулировки, заменяющие стандартное «Купить»: к примеру, Starbucks призывает «Насладиться сейчас» и «Освежиться».

О чем еще важно помнить, формулируя СТА:

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

Актуальные размеры баннеров в 2020 году

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

• чтобы не ошибиться с размером, руководствуйтесь стандартами Ассоциации развития интерактивной рекламы (IAB), которая разработала десятки рекомендаций для Google, соцсетей и других площадок;
• создайте несколько баннеров в разных форматах, запустите рекламу и проанализируйте, какой из них приводит больше клиентов;
• проследите, чтобы баннер корректно отображался на любых устройствах — от мобильных телефонов до компьютеров.

Существуют десятки форматов интернет-рекламы, с которыми вы можете ознакомиться на сайте IAB. Приведем три популярных:

• Средний прямоугольник (300×250). Один из самых универсальных форматов, который корректно отображается и на десктопах, и на экранах мобильных телефонов. Один из самых дорогих вариантов для размещения онлайн.

• Узкий горизонтальный блок (728×90 для компьютеров и 320х50 для мобильных). Привлекает внимание, занимая почти всю ширину экрана в шапке сайта или между частями статьи, которую читает пользователь.

• Вертикальный блок (160х600). Отображается сбоку от основного содержания сайта.

Онлайн-инструмент для создания баннеров

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

Язык интерфейса пользователя

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

Способы авторизации и регистрации

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

Инструменты

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

Шаблоны

Шаблонов на Abyssale нет, но вам не придется разрабатывать баннер с нуля: процесс полностью автоматизирован, а интерфейс интуитивно понятен.

Форматы и размеры

Сервис предлагает создать баннеры в соответствии со стандартами IAB:

• для Google Ads (300х250, 300х600 и 728х90);
• для Facebook (прямоугольный с соотношением сторон 1,91:1 и квадратный 1:1);
• для LinkedIn (1,91:1);
• для Twitter (16:9 и 1,91:1).

Возможности брендирования

Начните с загрузки логотипа: сервис распознает файлы в форматах SVG и PNG. Алгоритм учтет цвета и соотношение сторон лого, чтобы он гармонично вписался в общий дизайн.

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

Цвета и шрифты

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

Изображение

Вы можете загрузить любое фото с компьютера (JPG и PNG) или импортировать бесплатные стоковые иллюстрации из фотобанка Unsplash.

Редактирование

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

Возможность работать с командой

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

Стоимость

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

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

Обновлено 5 октября, 2020

Маркетолог компании Logaster. Специализируется на создании вирального контента. Автор инфографик «Тренды логотипов 2020», «Как использовать логотип на 100%». В свободное время интересуется технологиями, связанными с продвижением на западные рынки.

Источник

4 способа создать баннер для сайта плюс Советы по эффективному дизайну

Обновлено 11 марта, 2020

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

Что такое баннер?

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

Как правило, баннер состоит из трех элементов:

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

Если говорить о размерах, то не стоит создавать баннеры под все доступные форматы, используйте самые эффективные (размеры указаны в пикселях): 336 x 280, 300 x 250, 728 x 90, 160 x 600 и 300 x 600.

Остановимся детальней на этом пункте:

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

А вот для анимированных баннеров встанет выбор между Flash или HTML5. Мы рекомендуем отдать предпочтение последнему, как более востребованному и универсальному.

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

Способов создания баннеров множество. Мы предлагаем рассмотреть 4 основные решения:

1 — Дизайнер

Если ваш бюджет позволяет и вам необходим баннер высокого качества, тогда это решение для вас. Найти дизайнера помогут такие платформы: Odesk, Elance, Fiverr и т.д. Сколько это стоит? На Fiverr цена услуги стартует от 15$.

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

2 — Графические редакторы

Чувствуете себя художником и имеете навыки работы с графическими редакторами? Тогда этот вариант идеален для вас и вы можете создать баннер самостоятельно.
Для этого творческого процесса нужно выбрать программное обеспечение: Photoshop, Gimp и т.п.
Если же у вас нет навыков работы и знаний функционала, тогда начните с обучения. В Youtube множество обучающих видео, вот только несколько из сотен уроков создания баннеров в Photoshop:

3 — Power Point

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

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

1. Откройте PowerPoint

2. Щелкните на кнопку «Макет» в верхнем меню программы. Далее нажмите на «Пустой слайд». Нажмите «Изменить макет».

3. Теперь перейдите во вкладку «Оформление» — «Размер слайда» — «Настроить размер слайда…» — «Баннер«

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

5. Добавьте логотип компании. Для этого нажмите “Вставка” — “Рисунки”. Выберете файл логотипа и загрузите его с компьютера.

6. Нажмите клавишу F5 на клавиатуре, чтобы просмотреть баннер.

8. Сохраните ваш дизайн на компьютер.

4. Онлайн конструкторы

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

• Canva: это простая и понятная программа для графического дизайна. Множество шаблонов, кастомизированных форм разрешают без особых усилий создать баннер хорошего качества.
• Fotor banner maker: простой сервис с приятным интерфейсом. Предлагает как самые популярные размеры баннеров, так и красочные шаблоны и возможность кастомизации.
• Pixlr: инструмент, похожий на Photoshop, но с более удобным интерфейсом. Выбор фильтров и опций редактирования приятно вас удивит.
• Picmonkey: еще один инструмент для создания качественного банера. Однако генератор требует приобрести премиум пакет, чтобы иметь доступ ко многим функциям, включая фильтры, рамки, шрифты и прочие удовольствия.
• Crello: простой и понятный интерфейс значительно облегчит вам процесс создания. Из доступных шрифтов и шаблонов, вы точно найдете что-то по душе.

Советы по дизайну баннера

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

Формат файла

Помните о том, что в первую очередь сайт должен быть удобен для использования. Поэтому баннер как изображение не должен быть громоздким и утяжелять страницу. В идеале используйте файл 50 КБ, максимально допустимый размер — 150 КБ. Для статичных баннеров рекомендуются форматы JPG или PNG, а для анимации — GIF.

Дизайн

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

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

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

Подумайте о клиентах

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

Не стойте на месте

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

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

Обновлено 11 марта, 2020

Контент-маркетолог компании Logaster. Знает все о бизнесе и охотно делиться этими знаниями с читателями. Интересуется историями успеха известных брендов. Главный интервьюер успешных клиентов Logaster.

Источник