Дуже складно знайти в мережі напрацювання зі створення банерів саме для email розсилок. Обов'язковою цей елемент став не так вже давно і кожна компанія робить його так, як вважає за потрібне. Коли ви замовляєте банер дизайнеру - він 100% зробить все красиво і правильно. Сьогодні ж ми постараємося зібрати і систематизувати всі поради і знання, щоб не дизайнери розуміли з чого починати роботу.
Знову стане в нагоді модель AIDA:
Як уже набридли ці 4 букви, але вони відмінно застосовні для створення банерів.
Простий приклад, коли в одній компанії ми суттєво не змінювали лист, а всього лише додали банер:
Банер взяв на себе всього 15-17% кліків, але переходи по листу значно збільшилися, т. К. Увагу клієнтів «захопили» і він розуміє про що лист і чого від нього хочуть.
Кнопка заклику може бути як на банері, так і під ним. Коли ми проводили А / Б тест і перевіряли потрібна кнопка на банері або під. виявилося, що різниця не принципова, головне, щоб вона просто була.
І є ще одна буква:
S - Satisfaction (задоволення).
Коли очікування передплатника не можна було обманути і він отримав на сайті те, що було обіцяно в листі.
Підготовка банера для email розсилки:
Хороший банер не той, що виглядає добре. Хороший банер, який працює. Це може бути сама потворна річ в світі, але якщо він працює - він ідеально підходить
- Karol K.
Твитнуть
Серйозно, ви вірите, що передплатник відкривши лист в першу чергу подумає: «Фу, кнопку на банері потрібно було підняти на 2 пікселя» Ні, він буде шукати вигідних пропозицій! Той, хто хоче докопатися до вашого листа і так знайде 100 і 1 причину, навіть без банера. Суть не в тому, щоб створити найгеніальніший і красивий банер - важливо захопити увагу. Спробуємо систематизувати наші знання, щоб ви могли легко створювати банери.
Розміщення банера
Популярні кілька варіантів розміщення банера: під хедером (перед основним текстом листа) і після першого абзацу.
Є ще варіанти, як листи з банерів, але про це трохи пізніше. Поки в наших тестах однаково добре працюють обидва варіанти, тому вони мають право на життя.
кількість банерів
Просто красива картинка, яка ніяк не пов'язана з пропозицією, навряд чи пробудить бажання у користувача. Хоча бувають і винятки - дівчата :) На дівчат клацають добре - це нам твердять дизайнери, показують тести, та й власну поведінку. Приклад банера з розсилки Showrooms.ru.
Банер привертає увагу, але перейти на сайт швидше хочеться щоб дівчинка перестала крутитися :)
Трохи дратує, коли хочеш скопіювати код, а тебе відправляє на сайт. Повертаєшся в лист і розумієш, що код потрібно запам'ятати, а потім тільки піти на сайт.
Якщо ви хочете розмістити код на банері - Ви можете це зробити легко запам'ятовується або додайте знизу текстовий варіант коду.
З такою розшифровкою клієнти швидше міркують, що тут можна взяти код.
Головне, щоб кнопка на банері виділялася: формою, кольором, розміром тексту. Наприклад, такий самозаповнюється чек-лист.
Виглядає оригінально і незвично. Хоча за мене все і вирішили - я б обов'язково почитала, що мені ще запропонують.
Анімовані банери:
Картинка замінює тисячі слів, підсилює повідомлення, спонукає до покупки, підвищує переходи, а анімована картинка тим більше. Як не дивно, на мобільних пристроях відображаються гіфікі досить непогано. Лист, звичайно, вантажиться трохи довше, але особливих проблем з цим немає.
- Анімований банер покращує зовнішній вигляд листа і робить навіть нудний текст цікавим і стильним.
- Тестування показує, що хороші GIFкі збільшують CTR.
- GIFкі допомагають підкреслити індивідуальність вашого бренду, і зробити листи запам'ятовується.
- Занадто хитромудра анімація зіб'є з толку читача, так і завантажуватися буде довше.
Для складної анімації доведеться звернутися до дизайнера, але з простою анімацією з декількох кадрів цілком можна впоратися і самостійно.
Текстове наповнення:
контрольна перевірка
Подивіться кілька секунд на банер - все зрозуміло?
- Підсилюйте банер текстом. Ідеально, коли головний банер відображає суть всього листи, але без супровідного тексту він може не справити потрібного ефекту.
- Додавайте кнопки СТА. Добре працюють кнопки як на банері, так і безпосередньо під банером. Але головне, щоб вони були і спонукали до дії: «Читати докладніше», «Купити іграшку» і т. Д.
- Враховуйте аудиторію. якої ви відправляйте. Можливо, їм і не потрібно всіх наворотів і досить буде простого зрозумілого письма.
- Проставляйте під банер посилання. Надсилайте з банера на сторінку, яка відповідає тому, що ви анонсували в листі.
- Зверніть увагу як гармоніюють текст і зображення. Занадто строкаті, яскраві наляпісто зображення викличуть тільки відторгнення і користувач, швидше за все, закриє лист.
- Не використовуйте CapsLock для всього тексту на банері. Слова зі звичним регістром краще розпізнаються людьми.
Приклади простих, але ефективних банерів
Я зібрала (на мій погляд) банери, які захоплюють увагу незважаючи на простоту в оформленні:
Обмежена кількість
Ми бачимо велику знижку + менш помітний напис, що це останні розміри. Знижку дали, терміновість вказали - основну місію виконали, а далі вже як впорається лист.
унікальність пропозиції
Не читаючи лист, можна здогадатися, що нам щось розповідатимуть про кулончик з буквами, адже кнопки СТА немає, а значить компанії потрібно, щоб цей лист дочитали до кінця.
Викликайте приємні емоції, як здивування, розчулення, цікавість і т. Д. Уникайте при цьому неоднозначних, неприємних і негативних тим, вам все-таки потрібно дружити з клієнтом, а не перевіряти його нерви. Емоційні банера затягують клієнта в історію, він стає вже не просто глядачем, а частиною розповіді.
Просто візьміть увагу
Відразу крикнули на людей: "Розпродаж!" І вони вже розуміють про що буде далі йти мова. Такі варіанти добре підходять, якщо потрібно розповісти про декілька спец.предложение. Спочатку привертаємо увагу читача, а потім розшифровуємо які знижки чекають на сайті, їх%, термін дії і т. Д.
Якщо ви пишете на іноземних мовах, то використовуйте загальновідомі слова або додавайте знизу переклад. Наприклад, до слова SALE народ довго звикав, але вже знає його значення. Зате такі слова, як OUTLET, викликають непорозуміння навіть у самих відправників. Одні мають на увазі просто знижку, інші - продаж останніх розмірів, а насправді аутлет - це магазини, в яких продається брендовий одяг з великими знижками.
Та ж історія з кіберпонеділком, вівторках і п'ятницях. Всі підхопили це слово, навіть не розуміючи його зміст.
Використовуйте різні банери в кожному листі
Виняток можуть становити:
- центральні банери, які супроводжують повторювану акцію, але не дуже часто;
- банери, які знаходяться в футере листи: постійні акції, переваги магазину, запрошення в соц.сети, збір додаткових даних і т. д.
З огляду на ці прийоми і приклади в складанні банерів, ви зможете відчути себе творцем не тільки прекрасного, а й корисного для ваших листів. Знання Photoshop, Gimp і трохи естетичного смаку теж не завадять :)
До нової зустрічі! ;)
А ще з цим читають