Креативы для рекламы: тонкости и актуальные советы

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

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

Как создать хороший крео
Как создать хороший крео

Разработкой баннеров для крупных компаний, от Apple до H&M, занимаются команды из дизайнеров. Но если вы запускаете небольшой проект или занимаетесь арбитражем, платить тысячи баксов за услуги креативщиков не обязательно. Все можно сделать самостоятельно. Нужно знать основные принципы разработки дизайна и освоить несколько несложных и БЕСПЛАТНЫХ приложений.

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

Дизайн кретивов: зачем это нужно, не проще ли скопировать чужой?

Тот кто начала изучать тему, закономерно спросит: зачем делать то, что можно скопировать с помощью SPY-сервисов? Или посмотреть через поисковик. Для арбитражников, работающих с партнерскими программами, все кажется еще проще – берем уже готовые креативы. Но сначала задайте вопрос: будет ли этот баннер работать, окупит ли стоимость кликов или показов?

Есть несколько причин, почему не стоит воровать, “брать” чужие рекламные материалы или готовые шаблоны:

  • баннерная слепота – баннеры, которые вы копируете через шпионскую программу уже отработали часть аудитории, эффективность у вас будет ниже или не будет вообще;
  • вы соревнуетесь с другими “умниками”, привыкшими пользоваться чужим. Потенциал аудитории ограничен, клики делятся между конкурентами, конверсия ниже;
  • кто сказал, что чужие креативы – идеальные? Часто они сверстаны арбитражниками на скорую руку и достаточно посредственные. Потратив немного времени на проработку дизайна, можно увеличить конверсию в несколько раз.
  • сложно придерживаться корпоративного стиля. Используя чужие крео, вы можете создать у потенциальных клиентов неправильные ассоциации с вашим брендом.
Пестрые объявления могут раздражать пользователя
Пестрые объявления могут раздражать пользователя

Баннер – действенный и быстрый способ коммуникации с аудиторией. Если хотите привлечь новых клиентов, незнакомых с торговой маркой (партнерским продуктом) – это фактически единственная точка контакта. От нее зависит многое. Мы знаем: “встречают по одежке”. Первое впечатление важно, плохо составленное объявление испортит его на годы (возможно, навсегда).

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

Все вышесказанное не означает, что не нужно использовать чужие идеи. Что-то хорошее всегда можно улучшить, позаимствовать идею, создать шедевр. Или убрав несколько нелепых элементов превратить посредственный и надоевший креатив в “машину продаж”. (Почитайте об этом в книге Остина Клеона “Кради как художник”)

Каким должен быть крутой баннер?

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

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

Хороший баннер продает с одной фразы
Хороший баннер продает с одной фразы

Какой баннер будет продавать? – это правильный вопрос. Но “открывать Америку” не нужно. Есть много исследований психологов, маркетологов, биологов в этой области. Я просеяла тонны статей, в этом обзоре выжала важное:

Пропорции картинки и текста

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

Яркий показатель – требования Facebook Ads. По большинству форматов площадка допускает, чтобы текст занимал не больше 20%. Исключение – картинки с обложкой книги, журнала, упаковкой товара. Можно уменьшить размер букв, но большого смысла в этом нет. Есть и лимит по количеству символов: 25 для заголовка, 90 для лозунга. У других рекламных сеток требования менее жесткие, но такие ограничения введены не просто так. Фейсбук в 2015 году провел исследования и определил – такая реклама работает лучше всего. Поэтому всегда стараемся соблюдать стандарт или приближаемся к нему.

Небольшой лайфхак! Чтобы оценить, сколько занимает текст, наложите на картинку в редакторе сетку, разбив ее на 25 равномерных частей. Один блок – 4%, 5 блоков – 20%. Подобный алгоритм использует Фейсбук.
Чтобы продавать, не нужно много текста
Чтобы продавать, не нужно много текста

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

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

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

Примеры хорошего копирайтинга - баннеры передают суть одной фразой
Примеры хорошего копирайтинга – баннеры передают суть одной фразой

Как сделать крутой текст? Основные принципы:

  • будьте краткими – у людей нет времени (или желания) читать много;
  • будьте ясными – важно дать понять, что вы хотите с первого слова;
  • будьте честными – обнаружив явный обман, пользователи покинут целевую страницу;
  • используйте сильные глаголы: “получите” вместо “вы можете получить”, “повысьте продажи” вместо “вы сможете увеличить продажи”;
  • заголовок как действие.

Используйте маркетинговые подходы, где можно собрать текст как конструктор. Удобная модель – AIDA: Attention (внимание), Interest (интерес), Desire (желание), Action (действие). Принцип создания контента:

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

Еще одна модель – PPP: Pull Them In (яркий заголовок), Prove Your Case (обозначаем проблему), Push Them To Act (призыв к действию – жми кнопку, чтобы ее решить). Другие маркетинговые подходы: ACCA, 4C (4P), AIU.

Для заголовка можно использовать модель 4U: Useful(полезность), Ultra-specific (конкретность), Unique (уникальность), Urgent (срочность). Примеры: “Лучшие 5 онлайн-инструментов для разработки баннеров в 2021 году”. Или “5 новых слотов с отдачей 99%, которые появились в сентябре”.

По некоторым вертикалям работают методы НЛП (нейролингвистическое программирование). Самый простой прием – задать вопрос, на который ответ будет 100% (ну ладно, 99.9%) положительным. “Вы хотите быть счастливым?”,  для бизнеса – “Хотите сократить издержки на бухгалтера (охрану)?”, “Хотите получить скидку?”. Но ни в коем случае не формулируете вопрос с отрицанием (“Не хотели бы вы…?). В подобном формате даже не нужен основной текст. Достаточно заголовка с вопросом и кнопки CTA: “Стать счастливым”, “Забрать скидку”, “Получить консультацию”.

Цвет – как он влияет на аудиторию

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

Популярные в США страховые компании используют синий и оранжевый: доверие и дружелюбие
Популярные в США страховые компании используют синий и оранжевый: доверие и дружелюбие

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

  • оранжевый – настраивает на общение, стимулирует к сближению, цвет праздника, дружелюбия. Подойдет для призыва к действию или продвижения активностей, от казино до вечеринок;
  • серый – сдержанность, педантичность, аккуратность. Его используют технологические компании, чтобы подчеркнуть надежность своих продуктов;
  • фиолетовый – у одних людей вызывает тревогу, для других – стимул, повышающий работоспособность. Цвет используем аккуратно, подойдет для продвижения спортивного питания, энергетиков;
  • голубой, синий – успокаивают, снимает напряжение. Отличный цвет, чтобы вызвать доверие. Ассоциируется с надежностью, его часто используют медицинские компании;
  • черный – помогает концентрироваться, во многих странах вызывает ассоциации с премиальными продуктами (черный лимузин, черные часы), можно использовать, если нужно подчеркнуть премиальность;
  • зеленый (не яркий) и белый – нейтральные цвета, можно использовать при продвижении медицинских товаров, БАДов, товаров для детей, животных.
Как бренды используют цвета для создания нужного настроения
Как бренды используют цвета для создания нужного настроения

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

Правильный фон

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

Главная цель при разработке дизайна баннера - эффективность
Главная цель при разработке дизайна баннера – эффективность

Помимо текста на однотонном фоне хорошо виден логотип, контакты, кнопка “Call to Action”, фото товара, люди, животные.

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

В каких случаях в качестве фона можно взять фотографию? Ситуаций не так много: если нет физического продукта или он абстрактный. Но, проявляем осторожность. Используйте такой формат только если на 100% уверены.

Удачный пример фото-фона
Удачный пример фото-фона

Шрифты

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

  • с засечками (Times New Roman, Georgia, Playfair Display);
  • без засечек (Arial, Roboto, Oswald, Open Sans);
  • декоративные (Comic Sans, Monoton,  Rock Salt);
  • прописные (Satisfy, Great Vibes, Mr Dafoe, Pacifico, Playball).

Типичное заблуждение: чем более витиеватый шрифт – тем лучше. На практике в 90% случаев лучше использовать стандартные хорошо читаемые шрифты: Arial, Times New Roman, Open Sans, Sofia Pro Regular, Roboto, Georgia. Декоративный и рукописный текст вставляем только там, где это уместно – реклама вечеринки, игрушек ручной работы…

Выбираем шрифты для баннера правильно:

  • не больше двух шрифтов, на крайний случай – трех. Иначе баннер будет смотреться неопрятно;
  • текст должен хорошо читаться. Точка. Это касается шрифта и размера. У вас всего полсекунды, за это время нужно донести мысль, юзер не будет сидеть с лупой;
  • добивайтесь высокой контрастности. Идеально – черный текст по белому фону. Если фон синий, красный или зеленый – полужирный шрифт белого цвета;
  • если цвет шрифта близкий к фону (темно-коричневый на светло-коричневом) выделяйте текст обводкой, свечением, добавляйте тени.

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

Шрифты: игра на контрасте
Шрифты: игра на контрасте

Есть несколько приемов, в одном баннере используйте один-два, не больше:

  • контраст размера и толщины: крупный шрифт (если нужно – полужирный) для заголовка и более мелкий (и тонкий) для основного текста. Разница должна быть очевидной (в 1,5-2 раза), это не должно выглядеть, будто вы случайно перепутали размер;
  • контраст цвета: черный полужирный заголовок и серый основной цвет или преимущества. Можно использовать другие контрастные цвета: красный, синий, оранжевый;
  • противопоставление рукописного и печатного шрифтов. Да, курсив или рукописный шрифты можно использовать, но только если они легко читаемы.

Еще советы по разработке дизайна баннеров

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

  1. Один баннер – одно сообщение. Не превращайте рекламное объявление в “простыню” из текста. Это не газетная статья. Для привлечения клиента одна попытка.
  2. Если нужно выделить несколько достоинств – добавьте анимацию. Лучше по принципу карусели, где фразы показываются поочередно. Но не переусердствуйте, лишь немногие пользователи ждут дольше трех-четырех секунд;
  3. Логика – формулировки должны быть четкими и логичными. Есть вопрос – должен быть ответ. И вложиться нужно в 5-10 слов.
  4. Баннер – завершенное произведение. Проследите, чтобы были: заголовок, целостное предложение (УТП), призыв к действию с кнопкой. Если продвигаете собственный бренд – обязателен логотип;
  5. Чем проще тем лучше. На баннере не так много места, но его не стоит занимать по максимуму. Громоздкие конструкции, обилие ярких кнопок, мигающих элементов – это раздражает и никак не связано с доверием, надежностью;
  6. Экспериментируйте с дизайном. Создайте два, три, четыре варианта дизайна баннеров и протестируйте. По результатам пробных запусков оставьте самый конверсионный. У некоторых сеток есть опция A/B-тестирование – параллельный показ разных креативов. Используйте ее. Больше о тестировании РК читайте в этой статье;
  7. Анимация – отлично притягивает взгляд. Это происходит на подсознательном уровне. Если человек на статической странице увидит даже небольшое движение, он обязательно на него посмотрит. Статический баннер создать легче, но потратив 15 минут на добавление анимированных элементов, конверсию можно увеличить в три-четыре раза. Не переусердствуем: движущего логотипа или “карусели” из двух-трех преимуществ будет достаточно;
  8. Вместо графического баннера – видео. Актуально для мобильной рекламы, соцсетей, pop-up, такой формат принимают и некоторые обычные сетки (можно сделать видео даже для “билборда” или “небоскреба”). Это не так сложно, как кажется, времени занимает почти как анимация (html5). Достаточно найти видеофон (есть бесплатные на YouTube, Shutterstock), разместить несколько анимированных текстовых призывов;
  9. Лучше быть хорошим, чем оригинальным. Креативный, необычный текст с юмором, обыгрыш секса могут сработать, но если нет уверенности – берем проверенные решения: смотрим образцы конкурентов, используем их за основу. Крупные компании вложили много денег и такая реклама точно хорошо работает. Но потратьте несколько минут на просмотр разных вариантов, не берите первый попавшийся, который сверстал на скорую руку другой арбитражник;
  10. Тема секса работает, но не всегда (конечно, если вы не планируете лить трафик на адалт-офферы, в этой теме эротические фото как раз нужны) Лучше действует на молодую аудиторию (до 25 лет). Из-за активного ее использования при продвижении сомнительных услуг, в том числе мошенниками, у аудитории 30+ эротические изображения могут вызывать обратный эффект и оттолкнуть даже от хорошо товара. Альтернативный подход: юмор, мимишные образы.

Особенности баннеров для разных рекламных площадок

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

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

Баннерная, контекстная, тизерная реклама

Размеры баннеров для контекстной рекламы Google Ads, Bing Ads, Yahoo Gemini, у большинства тизерных и баннерных сетей одинаковы. У некоторых площадок выбор размеров сокращен до 4-6, некоторые размеры отличаются в несколько пикселей. Или объявления выводятся в сжатом размере. Например 640 x 960 px отображается в РСЯ как 320 x 480 px.

Тизерки используют движущуюся “карусель” из небольших блоков со сторонами от 50 х 50 пикселей до 150 х 150. Хотя размеры самих “каруселей” унифицированы с баннерной рекламой.

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

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

Лучше работают объявления, встроенные в текст (нативная реклама). В среднем они дают арбам партнерской сети LeadBit до 40% конверсий. У лидербордов около 25-27%. “Халф-пейдж” 300х600 в колонке слева и справа дают по 10% конверсий каждый. Близкий показатель у “небоскребов (160х600). Хуже работают объявления в подвале сайта – часто пользователи до них не доходят.

Стандартные форматы баннеров и рекомендованный размер файла:

Size (Px) Name Global Frequency Weight Example
300×250 Medium Rectangle 40% < 150kb Medium Rectangle
728×90 Leaderboard 25% < 150kb Leaderboard
160×600 Wide Skyscraper 12% < 150kb Wide Skyscraper
300×600 Half Page 5% < 150kb Half Page
970×250 Billboard 1% < 150kb Billboard
336×280 Large Rectangle <1% < 150kb Large Rectangle
468×60 Banner <1% < 150kb Banner
234×60 Half Banner <1% < 150kb Half Banner
120×600 Skyscraper <1% < 150kb Skyscraper
120×240 Vertical Banner <1% < 150kb Vertical Banner
300×1050 Portrait <1% < 150kb Portrait
970×90 Large Leaderboard <1% < 150kb Large Leaderboard
250×250 Square <1% < 150kb Square
200×200 Small Square <1% < 150kb Small Square
180×150 Small Rectangle <1% < 150kb Small Rectangle
125×125 Button <1% < 150kb Button

Форматов рекламы много, но не под все вебмастеры выделяют место на сайте. Самые распространенные “Медиум-баннеры” 300 х 250 пикселей (40%) и лидерборды 728х90 (25%). Вертикальные форматы используются редко (около 1%). Запустив рекламную кампанию с креативами такого размера можно легко лишиться значительной аудитории популярных развлекательных и новостных порталов. Больше узнать о распространенных размерах объявлений, в том числе по отдельным странам можно почитать в руководстве Google Ads.

Обратите внимание! У баннеров для попандера нет особых стандартов. Раньше это были размеры 720 х 300, сейчас используются и другие форматы, например: 728 х 480, 1200 х 628. Для продвижения через popunder лучше подойдут адаптивные креативы.
Размер баннеров, их популярность
Размер баннеров, их популярность

Помимо физических размеров важно учитывать “вес” файла. У большинства бирж трафика это не больше 150 кБ. Принимаемые форматы: Gif (некоторые сетки показывают только первый кадр), Jpeg, PNG, HTML5. Делаем упор на последние два: PNG для статических и HTML5 для динамических с активными кнопками. Они совместимы с любыми рекламными сетями, позволяют сжать файл без ухудшения качества.

Мобильная реклама

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

Mobile Banner Sizes:

Size (Px) Name Global Frequency Weight Example
320×50 Mobile Leaderboard 12% < 150kb Mobile Leaderboard
320×320 Mobile Full Page Flex 1% <150kb Mobile Full Page Flex
320×100 Large Mobile Banner <1% < 150kb Large Mobile Banner
250×250 Square <1% < 150kb Square
200×200 Small Square <1% < 150kb Small Square

Хотя мобильная реклама занимает всего около 15% рынка, игнорировать ее – смерти подобно. По результатам Statcounter с 2016 года мобильный трафик обогнал десктопный и колеблется в пределах 55% (по данным match2one.com – около 63%). Пока это специфические запросы, связанные с вызовом такси, путешествиями, поиском кафе, билетов. И серфинг в соцсетях. Искать товары, составлять долгосрочные планы большинство людей предпочитает с компьютеров.

Соотношение мобильного и десктопного трафика: статистика с 2010 по 2021 год
Соотношение мобильного и десктопного трафика: статистика с 2010 по 2021 год

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

Самый эффективный формат мобильной рекламы
Самый эффективный формат мобильной рекламы

Соцсети

Как же без фейсбука, инстаграма и других социальных сетей? Реклама дает здесь просто невероятную конверсию даже в сравнении с контекстом. Но и требования более жесткие. Хотя… размеров здесь немного, разработать баннеры просто. В основном используются 1200х628 px для нативной рекламы. 1080х1080 для “карусели”.

Форматы баннеров для Facebook
Форматы баннеров для Facebook

Похожие размеры у других социальные медиа: VK.com, Twitter. Вконтакте дополнительно  использует тизеры (537 х 240, 145 х 165). У Instagram форматов баннеров больше: 1080х1080, 1080х608, 1080х1350 и др. Но будем честны, и подходы здесь немного отличаются. Как создать рекламный пост для Инстаграм – тема для отдельной статьи.

Размеры баннеров в Instagram
Размеры баннеров в Instagram

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

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

Выберите инструмент

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

Думаете, начну список с Фотошопа? Не угадали. Крупные веб-студии используют сразу пакет приложений, как Creative Cloud от Adobe или Graphics Suite от Corel. Но если нет задачи разработать концепт брендбука с нуля, нужно лишь подготовить креатив на основе готовых промо-материалов, можно использовать более простой софт, заточенный под разработку баннеров.

Проще в освоении онлайн-сервисы: madgicx.com, crello.com, bannerboo.com, creatopy.com. Интерфейс, возможности у них похожи. Визуальные конструкторы drag and drop – никакого программирования. Легко настраивается анимация. Готовая библиотека шаблонов. У Canva немного меньше возможностей по настройке анимации, зато она простая, как доска. И бонус – удобная подготовка видеорекламы для YouTube, мобильной рекламы.

Интерфейс Canva
Интерфейс Canva

Планируете создавать сложные креативы? Хотите автоматизировать процесс, работать с исходным кодом и в несколько кликов редактировать чужие баннеры? Стоит освоить Google Web Designer.

Простая и БЕСПЛАТНАЯ программа позволяет в несколько кликов подготовить рекламные крео для любой платформы, от смартфонов до Смарт ТВ. Дизайн похож на ПО для работы с графикой от Adobe (Illustrator, Photoshop, DreamWeaver). Но здесь нет ничего лишнего, только то, что понадобиться для работы с рекламными креативами. Новичку освоить приложение несложно. Благодаря готовым шаблонам не нужно разбираться с размерами. Выбираем один из вариантов и работаем с дизайном. После запуска кампании все элементы объявления гарантированно будут хорошо видны, без обрезок.

Рабочая среда Google Web Designer
Рабочая среда Google Web Designer

Плюс – встроенный редактор HTML5. Удобно разрабатывать интерактивный “motion graphics” с активными кнопками. Приложение берет не много ресурсов, работает даже на слабеньких ноутбуках.

Альтернатива – Adobe Animate. Плюс этой программы – удобный экспорт/импорт из других приложений Adobe.

Не обойтись без графического и растрового редактора – придется обрезать картинки, рисовать простые иллюстрации, накладывать эффекты. В GWD это не так удобно и быстро. Лучшее ПО – пакет от Adobe (Photoshop и Illustrator) или Corel (Photo-Paint, CorelDraw). Но большинству достаточно возможностей бесплатных аналогов: GIMP, Photopea, Photo Pos Pro.

По возможностям онлайн-редактор photopea.com минимально уступает Photoshop: поддерживает pdf, psd файлы, работает со слоями, фильтрами, масками есть аналогичный набор инструментов для рисования

Интерфейс Photopea.com
Интерфейс Photopea.com
Обратите внимание! В Photoshop и Photo-Paint есть встроенные инструменты для редактирования скриптов, настройки анимации – можно разрабатывать продвинутые баннеры. Легко добавлять крутые эффекты: кнопки с градиентом, 3D-графику, тонкая настройка освещения.

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

Изучите аудиторию

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

Если это товары для детей или для молодых мам – кликабельность повысят мягкие цвета (нежно-розовый, персиковый), изображение ребенка. При продвижении сайтов знакомств (дейтинг) важно помнить, что у брачных агентств основная ЦА – мужчины старше 30-35 лет. Они ищут невесту – спутницу на всю жизнь. Поэтому на первом месте надежность, доверие. Эротические фото вызывают неправильные ассоциации, возможен обратный эффект.

Если продвигаете онлайн-казино – не всегда актуально использовать жадность. В регионах Tier 1 акцент на возможности разбогатеть может подсознательно обидеть клиента – будто реклама намекает, что он неуспешный, нищеброд. Продвигая рулетку или автоматы в Германии, Италии, США, Канаде, Бельгии акцент на надежности, безопасности, большом выборе слот-машин, легальности, сертификации.

Самый простой способ исследования - поиска статьи с описанием ЦА через поисковик
Самый простой способ исследования – поиска статьи с описанием ЦА через поисковик

Где взять информацию? Не обязательно заказывать маркетинговые исследования. Все есть в открытых источниках. Сначала накидываем портрет по методу 5W Марка Шеррингтона. Задайте пять вопросов и попытайтесь на них ответить:

  1. What — Что? Какой продукт продаем;
  2. Who — Кому? Кто наша ЦА: возраст, социальное положение, достаток;
  3. Where — Где? Где находится, в каких обстоятельствах;
  4. When — Когда? Какие условия нужны для покупки;
  5. Why — Зачем? Потребность – польза.

Ответы, которые вы дадите – лишь теория. Теперь ее нужно подтвердить или опровергнуть. Есть несколько способов. Используем сервисы аналитики, чтобы найти ключевые слова, географию: wordstat.yandex.ru, Google Trends, планировщик ключевых слов Google. Используем сервисы статистики (много данных можно получить в открытом доступе): statista, statcounter, worldometr, similarweb, globalstat.eu, alexa. Еще можно изучить тематические форумы или группы в социальных сетях, чтобы увидеть свою ЦА, ее увлечения.

Разработайте концепт

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

Сначала можно накидать макет и постепенно его заполнять
Сначала можно накидать макет и постепенно его заполнять

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

Где брать идеи? Самый простой путь – запрос в поисковике, например, “баннер крем от целлюлита”. Гугл выдаст десятки примеров. Вместо Google можно использовать pinterest. Но учтите, многие креативы отработали аудиторию. Лучший способ найти самые актуальные креативы – Spy-сервисы.

Интерфейс одной из шпионских систем
Интерфейс одной из шпионских систем

Это специальные площадки, которые отслеживают рекламные кампании (запускают ботов) и показывают актуальные креативы. Пользоваться просто. Есть точный поиск: ГЕО, ключевые слова, тип устройства, ОС, браузер, возраст, пол. Есть как платные, так и бесплатные сайты.

Популярные SPY-инструменты: AdMobiSpy, Publer, AdvanceTS, ADLover, AdPlexity, SEMrush, SpyOver, Magicadz.co, WhatRunsWhere, Anstrex.com. Еще больше лучших спаев – в нашем обзоре. Отдельно можно прочитать о SPY-сервисах для Фейсбука. Узнайте также как искать в спаях крео для гемблинга.

Собираем баннер

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

Найти иллюстрации, векторы, футажи, фото можно на фотобанках
Найти иллюстрации, векторы, футажи, фото можно на фотобанках

Хотя инструменты для обработки графики в Adobe Animate, Google Web Designer присутствуют, они не слишком удобны. Даже обрезка фото займет больше времени. Этот софт заточен на разработку анимации – собрать баннер, настроить эффекты можно за несколько минут.

Все сводится к четырем операциями: выбираем шаблон/размер, добавляем иллюстрации перетаскиванием или открываем из папки, вставляем элементы, настраиваем эффекты. Все! Экспортируем креатив в нужный формат.

Сохраняйте креативы правильно! Для статических изображений – PNG, на крайний случай Jpeg. Для анимации – HTML5. Не используйте GIF (некоторые сетки показывают только первый кадр) и устаревший Flash, он уже не поддерживается.

Софт

Инструменты, которые понадобятся:

  • ПО для разработки баннеров и анимации: Google Web Designer, Adobe Animate;
  • альтернатива – онлайн-сервисы: creatopy.com, madgicx.com, crello.com, bannerboo.com, piktochart.com, animatron.com.
  • платные редакторы векторной, растровой графики: CorelDraw, Corel Photo-Paint, Photoshop, Illustrator, Pixelmator, Sketch, Affinity Photo;
  • бесплатные аналоги: GIMP, Photo Pos Pro, Photoshop Express, Choco Flop (для Mac), Pixia, paint.net;
  • бесплатные онлайн-редакторы: Pixlr.com, Photopea.com, Sumopaint;
  • издательская платформа canva.com – по функционалу напоминает MS Microsoft Publisher. Позволяет создать дизайн баннеров, объявлений для Instagram, видеорекламу для Ютуба. Содержит набор шаблонов, картинок, иллюстраций, фото;
  • фотобанки с фотографиями, футажами, иллюстрациями: shutterstock.com, pexels.com, pickupimage.com, freeimages.com, pixabay.com, freerangestock.com, библиотека YouTube, Adobe Stock, Depositphotos;
  • банк футажей и иллюстраций pngegg.com.

FAQ

1. Какой размер баннеров лучше всего?
Все зависит от модели продвижения: через соцсети, мобильную или баннерную рекламу. Приносят около 90% клиентов такие форматы:

  • 300×250 – Medium Rectangle;
  • 728×90 – Leaderboard;
  • 160×600 – Wide Skyscraper;
  • 300×600 – Half Page;

320×50 – Mobile Leaderboard.

2. Какое приложение выбрать для разработки баннера?
Лучшее – то, которые вы хорошо знаете. Если осваиваете софт с нуля: графический редактор (Photoshop, Illustrator или Photopea, GIMP) и Google Web Designer, Adobe Animate для сборки баннера.
3. У каких баннеров самая высокая конверсия?
Лучше работают лаконичные баннеры: минимум текста, заголовок как действие, сильные глаголы, контрастные цвета (не больше четырех).
Author: LeadBit Team
Команда опытных маркетологов, специалистов по трафику, рекламе, конверсии с практическим опытом в мире маркетинга более 10 лет...

Leave a Reply

Your email address will not be published.