Як створити банер онлайн, якщо ти не дизайнер?

Банери – це частина нашого постійного раціону обміну інформацією. Ми споживаємо їх щодня, іноді навіть не усвідомлюючи цього. Саме вони часто керують нашими імпульсами.

Сьогодні банери – це ще й спосіб монетизації вебсайтів і програм. Але до його створнення треба підійти відповідально, щоб він не перетворився на мотлох у кіберпросторі, який безцільно плаватиме у порожнечі.

Щоб створити якісний рекламний банер для сайту, інтернет магазину або 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 та переймай досвід у професіоналів.