Создание баннеров рекламных – Реклама в Instagram — шаблоны и дизайн | Создайте баннер для рекламы в Инстаграме онлайн

Содержание

Создать яркие баннеры для медийной рекламы

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

Баннеры – это реклама, показанная на веб-странице. Они могут быть как статичными, так и анимированными, и, конечно же, они имеют разные размеры. Crello включает в себя 4 типа баннеров: вертикальный, средний прямоугольник, большой прямоугольник и горизонтальный.

Баннер – мощный инструмент цифрового маркетинга, они являются вторым по величине сегментом после поисковой рекламы. Пользователи Интернета часто используют Google Adwords, Google Display Network, Yandex Advertising Network и Bing Display Advertising для своих маркетинговых целей. Основная роль любого рекламного баннера заключается в привлечении клиентов и демонстрации того, что предлагается. Вот почему компании пытаются создавать потрясающую рекламу для media advertising и эффективно используют Google Adwords и Google Display Network. А главное то, что вы можете сделать рекламу сам, так как Crello имеет все необходимые функции для создания отличных баннеров.

Создайте рекламные баннеры

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

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

  • 1. Вертикальный 160x600

    Этот тип рекламных баннеров обычно используется на боковых панелях веб-страниц.

  • 2. Средний прямоугольник 300x250

    Рекламодатели обычно размещают его посредине или вконце текста.

  • 3. Большой прямоугольник 336x280

    Как и в предыдущем случае, эта реклама размещается посредине или вконце текста.

  • 4. Горизонтальный 728x90

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

Неэффективная горизонтальная рекламаЭффективная горизонтальная рекламаСоздайте рекламный баннер

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

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

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

Найдите больше эффективных рекламных баннеров для соцсетейСоздайте свой дизайн

4 бесплатных инструмента для создания баннера и любой инфографики

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

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

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

Графический дизайн без лишних хлопот с Canva.

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

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

Мастерская баннеров — Bannersnack.

Bannersnack — это онлайн программа для создания статических и анимированных баннеров, которая включает в себя множество функций, позволяющих пользователям разрабатывать и создавать баннерную рекламу, а также управлять и реализовывать баннерные рекламные кампании на нескольких интернет-каналах. Предназначен для частных лиц, а также средних и крупных предприятий. Является очень простым и понятным инструментом, который может создавать баннеры, совместимые с различными типами сайтов, и запускать их автоматически на Facebook, Twitter, Youtube, IAB, Pinterest или LinkedIn. Способен поддерживать различные форматы, такие как HTML5, Flash, JPG, GIF, PNG или MP4. С помощью баннер-генератора можно сгенерировать более 20-ти разных размеров сразу, но такая функция доступна только в PRO версии.

Популярные типы баннеров и обложек Bannersnack.

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

Мастерская баннеров - BannersnackГенератор баннеров Bannersnack.

Графический редактор Crello.

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

Рабочая панель Crello — баннер для рекламы в Facebook.

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

Комбайн для креативного инфодизайна — Adobe Spark.

Adobe Spark — настоящий комбайн по производству веб-графики. Это инструмент «Photoshop для чайников», для тех, у кого нет времени или денег на изучение оригинального Photoshop. Редактор содержит множество шаблонов изображений, постов и видео для социальных сетей, интернет-рекламы, блог постинга и печати. Облачная синхронизация между компьютером и устройствами Android и IOS позволит продолжить редактирование и публиковать картинки сразу в социальные сети.

Выбор шаблонов Adobe Spark.

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

Вот несколько типов контента, которые идеально подходят для одностраничных сайтов созданных в Adobe Spark:

  • Презентации ваших бизнес-проектов;
  • Научно-популярная журналистика;
  • Креативное портфолио;
  • Рассказы о путешествии;
  • Целевая страница;
  • Страницы продуктов и каталоги;
  • Фотогалерея;
  • Важное деловое объявление;
  • Информационный бюллетень;
  • Свадебные истории.

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

Adobe SparkРабочая панель Adobe Spark.

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

Типы шаблонов дизайнерской графики доступные на этих сервисах:

  • Фотоколлажи;
  • Видеоролики и анимация;
  • Рекламные баннеры для Google Ads, Facebook Ads и других сетей;
  • HTML-5, GIF и AMP-баннеры;
  • Социальные обложки, фон, посты, истории для Instagram, Facebook, Twitter, Pinterest, YouTube и др.;
  • Вдохновляющие цитаты;
  • Фоны для рабочего стола;
  • Плакаты и листовки;
  • Изображения для печати на ткани;
  • Приглашения и объявления;
  • Мемы;
  • Заголовки событий;
  • Деловая графика;
  • Слайды и презентации;
  • Обложки профиля, резюме;
  • Заголовки и баннеры блога;
  • Портфолио, целевые страницы.

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

P.S. Инфографика к этому посту подготовлена с помощью сервиса Canva.

4 бесплатных инструмента для создания баннера и любой инфографики

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

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

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

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

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

1. Используйте наиболее эффективные стандартные размеры баннеров
2. Размещайте баннеры правильно
3. Поддерживайте иерархию
4. Соблюдайте простоту
5. Внедряйте кнопки с умом
6. Обрамляйте свои баннеры

7. Делайте текст мгновенно читаемым
8. Применяйте анимацию
9. Органично дополняйте, выделяясь
10. Обеспечивайте связь с брендом
11. Внушайте ощущение срочности
12. Изобразительные средства выбирайте с умом
13. Отдавайте предпочтение подходящим цветам
14. Поддерживайте небольшой размер файлов
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 (если только это не заявление об ограниченной ответственности или не сведения об авторских правах).

Читайте также: Какой размер медийной рекламы AdWords выбрать?

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

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

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

Высоких вам конверсий! 

По материалам: 99designs.com

10-10-2019

Бесплатный конструктор баннеров для соцсетей

Бесплатный конструктор баннеров для соцсетей

Баннеры 23.06.2017

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

Конструктор баннеров онлайн

Первое преимущество конструктора баннеров в том, что он доступен онлайн и не требует установки дополнительного программного обеспечения. Как видно на скрине, сам сервис небольшой и не перегружен ссылками меню, кнопками управления и различных настроек. На главной странице их всего 4. Нам потребуется раздел Мои проекты и Вдохновение (Inspiration). После авторизации через Фейсбук или обычной регистрации (емейл + пароль) мы можем приступить к созданию баннера, постера или пригласительного.

Как сделать баннер

В сервисе есть все необходимые инструменты чтобы сделать баннер быстро и качественно и скачать в нужном нам формате. Доступны несколько форматов изображений готовых баннеров:JPG, PNG и PDF.

Чтобы сделать баннер, достаточно просто начать. Перейдите на сайт конструктора.

  1. Мы можем выбрать готовый дизайн из предложенной библиотеки готовых варантов. По сути, если нас устраивает картинка и оформление, мы можем только заменить текст на свой;
  2. Либо, можно начать создавать с чистого листа, задав нужный размер или выбрав из предложенных форматов (для Фейсбук, Инстаграмм, Постер и др) и загрузив в сервис свою картинку.

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

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

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

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

Поделиться!

Еще статьи по теме

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

Автор: Сarrie Сousins
Перевод: Bannerboo.com

Делаем баннер для сайта самостоятельно: без дизайнера, бесплатно

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

Виды баннеров

В каждой из тематик "ходовыми" оказываются те или иные форматы баннеров. Давайте выделим четырнадцать основных форматов рекламных баннеров:

  • стандартный: 468x60 px;
  • широкоформатный: 728x90 px;
  • квадратный: 250x250 px;
  • квадратный малый: 200x200 px;
  • прямоугольный: 336x280 px;
  • встраиваемый прямоугольный: 300x250 px;
  • баннер-небоскреб: 120x600 px;
  • широкий баннер-небоскреб: 160x600 px;
  • блочный баннер на полстраницы: 300x600 px;
  • вертикальный прямоугольный: 240x400 px;
  • большой широкоформатный баннер: 970x90 px;
  • баннер-биллборд: 970x250 px;
  • баннер для смартфонов большой: 320x100 px;
  • баннер для смартфонов широкоформатный: 320x50 px.

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

Креативность и контекстная реклама

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

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

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

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

Дизайн баннера

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

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

Что умеет CANVA?

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

Процесс создания баннера

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

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

Изображения и графика

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

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

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

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

Немного о тексте на графических баннерах

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

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

Сохраняем готовый баннер

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

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

Статья, в которой перечислены 10 правил эффективного баннера

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

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

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

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

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

Например:

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

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

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

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

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

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

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

 

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

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

4. Цвет

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

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

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

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

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

5. Заголовок

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

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

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

6. Контраст

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

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

7. Дизайн

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

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

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

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

Примеры:

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

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

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

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

Пример:

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

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

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

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

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

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

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

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

Отправить ответ

avatar
  Подписаться  
Уведомление о