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

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

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

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

Шаг 1. Определяем цель

Дизайн и содержание баннера зависят от того, какова цель его создания.

Если ваша цель продажи

Такие баннеры должны говорить «Мы практически дарим вам эти товары или услуги!». Они смелы, содержат яркие цвета и взрывы эмоций.

Must Have – применять в таких баннерах фотографии. Именно они осуществляют экспресс-доставку клиентов в ваш магазин.

Если вы хотите анонсировать событие

Баннеры такого направления должны передавать настроение, которое будет властвовать на событии не на 100%, а на 120.

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

Если вы хотите повысить узнаваемость бренда

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

Определились с целью – переходим к практике.

Шаг 2. Выбираем цветовую гамму

Любой, кто работает в сфере маркетинга или дизайна, знает, что цвет имеет решающее значение.

Самый простой способ – это выбрать 2 цвета для баннера – основной и акцентный. Чтобы они правильно гармонировали между собой, воспользуйтесь одним из приложений Сoolors, Colorhunt, Khroma. У них представлены готовые палитры, которые вы можете применить.

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

Шаг 3. Выбираем фон для баннера

Он создает правильную атмосферу для подъема вашего бренда в соответствии с вашей цели.

Сплошной цветной

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

Но сплошной цветной фон может иметь положительный эффект, если нужно выделить текст.

Фон-фотография

Если вы продаете товар – это точно ваш вариант. Ведь передать вайб и представить что-то в таком формате – всегда работает.

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

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

Видео-фон

Вы еще не забыли, что аудитория очень ленивая и не любит читать?

Если у вас есть возможность создать качественный видеофон, то смело приступайте. Они ведь не перестали работать. Больше эмоций – больше продаж!

Обратите внимание, продолжительность видео не должна превышать 5-7 секунд.

Градиенты

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

Легко создать градиентный фон можно здесь: Trianglify Generator, Trianglify Background Generator, Geopattern.

Шаг 4. Пишем текст для баннера

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

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

Каким должен быть текст:

• кратким (в идеале – до 10 слов)
• содержательный (описание преимуществ и особенностей)
• адекватным (согласно потребностям вашей ЦА)

Рассмотрим пример текста для баннера по продаже женских сумок:

“Новая коллекция эко-сумок. Быть стильным – это заботиться о природе и о себе.”

Что мы донесли:

• Анонс новой коллекции
• Экологичность бренда
• Меседж «стилен тот, кто заботится не только о себе, но и о природе»

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

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

Шаг 5. Помещаем логотип

Лучше всего разместить логотип в верхней части вашего баннера.

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

Шаг 6. Призыв к действию!

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

Вот несколько способов:

• QR-код для быстрого перехода
• Кнопка для ссылки на целевую страницу сайта
• Кнопка «Позвонить сейчас»
• Кнопка «Купить»
• Электронная почта
• Телефонный номер
• Сайт
• Промокод

Мы не рекомендуем применять все сразу. Сила дизайна в очевидности и направлении на конкретную цель.

Советы по созданию баннера

• Числа. Люди любят цифры! Особенно, если они приносят какую-то пользу – например, скидку.
• Добавьте кнопки. Если вы делаете рассылку – дайте возможность человеку сразу посмотреть ассортимент или купить.
• Добавьте ссылку под баннером. Переведите своего клиента от баннера к веб-странице, соответствующей тому, что объявлено в электронной почте.
• Обратите внимание на то, как текст и изображение подходят друг другу. Слишком яркие или суетливые картинки приведут только к отказу, и пользователь, скорее всего, закроет вашу электронную почту.
• Не используйте CapsLock для текста на баннере. Слова, написанные знакомым регистром, люди лучше узнают.
• Не делайте «тяжелых» баннеров. Оптимальный размер – не более 100 Кб. Чем выше объем данных при загрузке страницы, тем дольше придется ждать пользователю.

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

Bannerboo

Достоинства:

• украинское приложение
• легкий в использовании
• есть бесплатные шаблоны
• содержит множество видео-шаблонов

Недостатки:

• Экспорт в GIF, HTML, AMP отсутствует в бесплатной версии

Canva

Достоинства:

• содержит множество шаблонов
• есть бесплатный функционал

Недостатки:

• небольшой выбор бесплатных шаблонов
• при использовании шаблонов баннер не будет выделяться уникальностью

Ulead GIF Animator

Достоинства:

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

Недостатки:

• в бесплатные версии не такой большой функционал
• нет онлайн-конструктора, нужно загружать приложение
• без ограничений можно работать только 15 дней, далее – за подпиской

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