Разное

Фоны для рекламных баннеров: Фон для баннеров

25.09.2023

Содержание

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

Привет! Меня зовут Роман Максимов, я руководитель группы дизайна в Омни СМ. Наша группа входит в отдел цифрового дизайна и занимается диджитал- и веб-дизайном интернет-магазина «Спортмастер» и сайтов монобрендов. Если совсем коротко, то мы отвечаем за всё, что связано с визуальной и креативной составляющей — баннеры, дизайн заглавных страниц, лендингов, видео и всю графическую маркетинговую составляющую.

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

Итак, про нейронки. Тема уже в целом не новая, но с каждым витком развития получает неплохой импульс в плане актуальности. Крупные компании стали объединять усилия в области генеративного дизайна — Shutterstock запартнёрились с DALL-E, и в будущем можно будет не тратить кучу времени, копаясь в огромном каталоге картинок, а просто взять и написать в поисковой строке нужный запрос. Сеть его обработает и нарисует для подходящую картинку. Если не очень подходящую — просто уточни запрос. 

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

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

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

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

Вот три всадника генеративной графики. Про Stable Diffusion мы поговорим как-нибудь в другой раз, в этом же посте я хочу обсудить Midjourney и DALL-E.

Мы опробовали в работе обе нейросети. DALL-E официально не работает для пользователей из России, но вы можете найти несколько постов тут, на Хабре, о способах регистрации и получения доступа к ней. 

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

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

Явление генеративной иллюстрации активно набирает обороты. Настолько, что создает новые направления в работе.

Промт-дизайнер

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

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

В работе с сайтом sportmaster.ru нам стало интересно, сможем ли мы применить возможности нейронных сетей на практике? Так что мы обратились к нейронной сети DALL-E и спросили, что она думает о сочетании наших фирменных цветов — синего и красного. Сеть показала очень интересные наработки различных комбинаций этих цветов.

Потом мы спросили у нейронки, знает ли она вообще, что такое «Спортмастер». Ожидаемо, выяснилось, что она понятия не имеет о том, что это, но все же пыталась рисовать интересные логотипы и что-то абстрактное. Также у нас был запрос на изображение дома. Мы получили абсолютно уникальные рисунки многоэтажных домов, и на основе одного из них сгенерировали фон «бесконечной» многоэтажки для KV Urban Vibes.

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

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

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

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

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

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

Мы стали задумываться о том, как использовать данную нейронную сеть в работе со «Спортмастером». Это гораздо сложнее, так как «Спортмастер» более консервативный и спокойный по визуальному ряду. На сайте есть монобрендовые страницы, которые мы регулярно обновляем. Бренд Geox прислал нам фото с изображением семьи, но проблема заключалась в том, что у нас суперширокоформатные баннеры, а фото было 3х4.  

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

Исходная картинкаТо, что дорисовала нейросеть

Вот ещё примеры.

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

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

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

Итого

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

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

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

Фотографии большого размера, 3D иллюстрации и векторный клипарт

  • Фото — Турист с рюкзаком | © Givaga

  • Фото — Раскрашивая яйцо | © Артем Горохов

  • Фото — Спортивная ярость | © Elnur

  • Фото — Мужчина и женщина с современными гаджетами | © lev dolgachov

  • Фото — Решение бизнес-головоломки | © dotshock

  • Фото — Счастливая семья на стоге сена | © Андрей Кузьмин

  • Фото — Скоростной поезд в туннеле | © ssuaphoto

  • Иллюстрация — Древний мир | © Стасюк Станислав

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

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

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

    Покупаете для юридического лица? Мы предоставим все необходимые документы для бухгалтерии — договор или лицензию и акт.

    Как купить и скачать изображение?

    Выберите фотографии или векторные изображения через поиск по ключевым словам или через наш Каталог по тематике изображений.

    Создайте аккаунт, Пополните счет на Вашем аккаунте или оформите подписку на 20, 100, 500 изображений, либо купите пакет на 5, 10, 25 изображений с расширенной лицензией.

    Как только Вы выберете изображение(я), размер и оформите подписку или у Вас на акканте будет достаточно средств для покупки, Вы сразу же сможете скачать выбранное изображение(я).

    Не готовы скачать изображения прямо сейчас — просто сохраните их в своем ЛайтБоксе, чтобы не искать их потом еще раз.

    Скачать Бесплатные Фотографии

    Бесплатные Фото
    Бесплатные Векторы

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

    чтобы покупать или продавать изображения.

    Или просто покупайте отдельные изображения без регистрации.

    Новые и рекомендуемые авторыЛучшие и новые серии изображений
    Alexandr Buts, присоединился 20 янв. 2015 г. — 0 изображений

    tolokonov, присоединился 15 сен. 2013 г. — 0 изображений

    dashadima, присоединился 26 июня 2014 г. — 2478 изображений

    Абстрактные фоны (411 изображений), saicle

    Небесные линии городов США (239 изображений), YurkaImmortal

    Автомобили (82 изображений), Геннадий Поддубный

    ◢ Мой Cliparto

    › ЛайтБокс (0)

    Логин
    Пароль 

    Не помните пароль / логин? ◢

    Впервые у нас? Зарегистрируйтесь ◢

    Есть аккаунт на Vector-Images. com?
    Не нужно регистрироваться заново. Просто используйте свой логин и на Cliparto.

    › Недавно просмотрено

     

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

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

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

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

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

    1. Сначала выберите целевую страницу

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

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

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

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

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

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

    2. Идеальный размер баннера для веб-сайта

    По данным Google Adsense, стандартные размеры баннеров:

    728×90 пикселей — таблица лидеров

    300×600 пикселей — половина страницы

    300×250 пикселей — средний прямоугольник 90 003

    336×280px – Большой прямоугольник

    Взгляните на размеры баннеров на изображениях ниже:

    99design.com/ nickjalpa

    Различные размеры баннеров

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

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

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

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

    3. Лучший фон баннера

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

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

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

    behance.net/Web Background Banner

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

    behance.net/веб-баннер

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

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

    Нажмите на фото, чтобы использовать этот шаблон

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

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

    blog.bannersnack.com/photo background banner

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

    4. Какой контент должен быть включен в баннер?

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

    В этом разделе мы поговорим о лучших практиках дизайна баннерной рекламы.

    • Заголовок

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

    lexus.com

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

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

    • Фото

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

    Нажмите на фото, чтобы использовать этот шаблон

    • Кнопка CTA

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

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

    идеи дизайна баннера ниже:

    Щелкните фото для редактирования

    Щелкните фото для редактирования

    900 02 Нажмите на фотографию для редактирования

    Примите во внимание следующие советы при разработке CTA кнопка для вашего баннера:

    1. Сделайте кнопку CTA простой и узнаваемой. Используйте прямоугольное пространство (возможно, с закругленными краями) для создания кнопки.
    2. Сделайте сторону кнопки достаточной, чтобы текст был читаемым. Рассмотрите возможность использования баннера небольшого размера и максимально короткого текста.
    3. Кнопка СТА
    4. должна быть довольно большой вместе с другими элементами дизайна.
    5. Создайте ощущение срочности с помощью текста кнопки, сообщив пользователям, что срок действия вашего предложения скоро истечет, или побудив их «Зарегистрироваться сейчас», чтобы получить «Самую лучшую цену сегодня».
    • Подтекст

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

    5. Выбирайте цвета с умом

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

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

    activecampaign.com

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

    — Используйте оранжевый, красный, черный и ярко-синий цвет для стимулирования конверсии

    — Охватите людей, которые ищут более дешевые/доступные товары, с помощью темно-синего цвета

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

    – Черный и золотой хорошо использовать для баннеров предметов роскоши

    – Фиолетовый хорош для магии, женственности и мудрости

    — Белый цвет используется для демонстрации чистоты, простоты и чистоты

    — Используйте зеленый цвет, чтобы помочь потенциальным клиентам расслабиться и показать, что ваш продукт чист и/или органичен

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

    6. Как создавать рекламные баннеры с помощью Fotor 

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

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

    Шаг 1

    Перейдите на сайт Fotor. Найдите меню сверху и перейдите в «Функции» — «Дизайн» — «Изготовитель баннеров».

    Нажмите на фото, чтобы создать свой дизайн Большой прямоугольник (336×280), Дикий небоскреб (160×600) и другие.

    Нажмите на фото, чтобы создать свой дизайн

    Шаг 3

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

    Нажмите на фото, чтобы создать свой дизайн

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

    Шаг 4

    Сначала загрузите собственное изображение в редактор Fotor. Вы можете загружать и пробовать множество разных фотографий, пока не найдете идеально подходящую. Используйте кнопку «Облако», чтобы загрузить фотографию.

    Нажмите на фото, чтобы создать свой дизайн

    Шаг 5

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

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

    Шаг 6

    Проверьте окончательный результат.

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

    Разминка

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

    О нас:

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

    Рекламные видеобаннеры: практическое руководство

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

    Видеобаннеры важнее, чем когда-либо

    На самом деле, будь то in-stream, out-stream или in-banner, использование видео в цифровой рекламе быстро растет. Только в Европе онлайн-видеопоказ растет в три с половиной раза быстрее, чем показ без видео. По данным IAB Europe, в настоящее время на его долю приходится пятая часть всего рынка дисплеев в Европе.

    В то время как американские рекламодатели ожидают, что цифровая видеореклама вырастет с 17,87 млрд долларов в 2018 году до 29 долларов.0,61 миллиарда в 2022 году. Это рост, который нельзя игнорировать.

    Видео Out-Stream популярно и растет

    Кроме того, согласно исследованию eMarketer , самым популярным типом мультимедийной медийной рекламы в настоящее время является видео Out-Stream, то есть видеообъявления, которые воспроизводятся вне другого видеоконтента, например Youtube. , социальные сети и т. д. Out-Stream может включать размещение видеообъявлений между абзацами текста или внутри баннеров.

    Однако стоит отметить, что существует растущее различие между использованием видео Out-Stream и видео в баннере. Однако есть и точки соприкосновения. Например, теперь можно создавать видеобаннеры и видео out-stream на одних и тех же платформах для производства рекламы.

    Но по каким причинам рекламодатели производят больше видеобаннеров, чем когда-либо прежде?

    Зачем использовать видеобаннеры?

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

    Кроме того, представьте, что у вас есть отличная видеокампания, но вы не можете настроить таргетинг на аудиторию определенного издателя, так как издатель не предлагает вариант видео в потоке. Идеальная демографическая группа для вашего бренда, и вы упускаете возможность! Однако тот факт, что издатель не предлагает места размещения видеорекламы In-Stream, не означает, что вы не можете покупать видеорекламу для этого сайта. Вместо того, чтобы игнорировать сайт и упускать зрителей, вы можете использовать видео Out-Stream. Который в широком спектре типов рекламы включает видео в баннере.

    Видеобаннеры могут помочь брендам преодолеть разрыв со всеми дополнительными преимуществами адаптивной медийной рекламы HTML5.

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

    In-Stream, Out-Stream или In-Banner? Какая разница?

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

    In-Stream

    Видеореклама In-Stream — это реклама, которая воспроизводится до, во время или после потокового видеоконтента, запрошенного потребителем. Как правило, это реклама в начале, середине и конце ролика. Реклама In-Stream обычно не может быть остановлена ​​до тех пор, пока не появится опция пропуска. Ключевое различие между видео In-Stream и Out-Stream заключается в том, что последние не являются основным фокусом страницы.

    Out-Stream

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

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

    In-banner

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

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

    Каковы преимущества видеорекламы в баннере?

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

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

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

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

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

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

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

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

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

    Как создавать рекламные видеобаннеры с помощью Bannerflow

    Используя Creative Studio, создание видеообъявлений в баннерах не может быть проще. В редакторе объявлений нового поколения Bannerflow есть простые в использовании видео-виджеты, которые упрощают размещение видео в вашем баннере. Таким образом, Creative Studio делает создание видеобаннеров простым и безболезненным!

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

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

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

    Цифровая видеореклама для разных каналов

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

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

    Быть адаптируемым и способным к изменениям

    Это означает способность быстро реагировать. Например, завершение видео менее актуально для фрагментированных видеоканалов, таких как Instagram Stories или Snapchat, а также для рекламы в баннере на мобильных устройствах. Действительно, именно поэтому Google переключается на более простую шестисекундную рекламу вместо более традиционного видео Out-Stream с возможностью пропуска. Урок для рекламодателей? Вы должны уметь адаптироваться при создании эффективных цифровых видеокампаний.

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

    Корпоративные CMP, такие как Bannerflow, являются решением

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

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

    Рекомендации для видеообъявлений в баннере

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

    • Не используйте слишком длинные тексты — это убьет все ваши надежды на конверсию. Более длинные видеоролики подходят для телерекламы или даже для прероллов, но для видео, размещенного внутри баннера, вам нужно сразу перейти к делу.
    • Согласно IAB, для автоматического воспроизведения видео в баннере максимальная продолжительность должна составлять 15 секунд. Хотя рекомендуемый максимальный размер файла должен составлять 1,1 МБ и 24 кадра в секунду, для более низкой пропускной способности допустимо 18 кадров в секунду.
    • Видеообъявление не должно расширяться, если оно не инициировано пользователем. Помните, вы хотите взаимодействовать со зрителями, а не раздражать их!
    • Однако для видео, инициированных пользователем, продолжительность рекламного видеобаннера не так важна, и можно использовать более длинное видео, размещенное за пределами баннера. Правила для fps остаются прежними.
    • Если вы представляете бренд, всегда следите за тем, чтобы ваш логотип был виден на видеобаннере.
    • Начните с основного сообщения и убедитесь, что видео в баннере повторяется.
    • Старайтесь использовать в видео максимум 1–3 этапа: привлечь внимание зрителей, углубить вовлечение и всегда заканчивать призывом к действию.
    • Всегда устанавливайте любой звук на «без звука» и включайте субтитры (если требуется). Если зритель нажмет на него, он может выбрать воспроизведение звука.
    • Все больше людей смотрят видеобаннеры на своих мобильных телефонах. Убедитесь, что у вас есть адаптивное объявление, адаптированное для мобильных устройств.
    • Сохраняйте содержание простым, не отвлекайтесь от своего сообщения — не перегружайте чувства.
    • Подумайте о контексте, в котором будет воспроизводиться ваше видеообъявление.
    • Экспорт видео в баннере и использование его в качестве видеорекламы Out-Stream для разных каналов в рамках кампании.
    • Наконец, убедитесь, что издатель специально разрешил показ видеорекламы в баннере на своем инвентаре.

    И последнее…

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

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *