15 найкращих практик email-дизайну

Уявіть собі кілька візуально привабливих маркетингових кампаній. Що першим спадає вам на думку? Елементи дизайну чи візуальний контент? А як щодо анімованих GIF-ок? Коли потрібно враховувати так багато моментів і бракує цілісності правил, як взагалі можна залишатися в тренді? Які ключові елементи необхідні для маркетингових листів? 

Що ж, ми подбаємо про вас! Разом ми зануримося в найкращі практики email-дизайну та обговоримо поради щодо тем листів, кнопок заклику до дії, адаптивності для мобільних пристроїв, веб-безпечних шрифтів і методів проведення ефективних email-кампаній. Тож почнімо?

1. Напишіть ефектну тему листа

Хоч би як страшно це звучало, але найчастіше у вас є лише один шанс привернути увагу потенційного клієнта. Дослідження показують, що 47% одержувачів вирішують, чи відкривати лист, ґрунтуючись виключно на його темі. Ба більше, 69% одержувачів відправляють пропозиції в папку «Спам», коли теми листів не відповідають змісту.

Перш ніж назавжди зав'язати з email-маркетингом, зачекайте! У нас є прості, але дієві найкращі практики для теми листа: 

• точність і довжина теми листа: за даними EmailToolTester, оптимальна довжина теми листа варіюється від 30 до 50 символів для мобільних пристроїв і доходить до 100 для десктопів. Точний ліміт залежить від поштового клієнта і розмірів екрану;

(Джерело: лист від Zappos)

• динамічний контент: у недавньому звіті йдеться, що 63,7% фахівців використовують динамічний контент для персоналізації своїх листів, разом з текстом у темах листів.

(Джерело: лист від Ryanair і Grammarly)

2. Зробіть привабливий прехедер для листа

Прехедер, що привертає увагу, — це ключова частина найкращих практик email-дизайну і фінальна точка між відкритим і проігнорованим листом. Прехедери зазвичай є продовженням теми листа, а отже, це ще один шанс викликати цікавість або емоції у цільової аудиторії. Чому?

Нещодавнє дослідження показало, що емоційні потреби формують 86% рішень про покупку, тому задоволення однієї з них у вашому маркетинговому листі може виявитися виграшним! Зробіть ставку на почуття вдячності або ексклюзивності, підкріпіть його закликом до дії, і справу зроблено.

Зверніть увагу:

• залежно від поштового клієнта (Gmail, Apple Mail або будь-якого іншого) адресати бачать від 30 до 80 символів на мобільних пристроях і до 130 на десктопах, тому найкраще, щоб лист був коротким і адаптивним для мобільних пристроїв;
• використовуйте символи прехедера, щоб додати деталі в тему листа і підкреслити ідею повідомлення;

(Джерело: лист від Tony’s Chocolonely)

• якщо прехедер не відповідає вашому стилю, можете використовувати трохи білого простору. Інакше одержувачі листів можуть побачити описовий alt-текст або пропозицію ознайомитися з веб-версією.

3. Дотримуйтеся фірмового стилю

Цілісна айдентика бренду формує довіру до вашої компанії, і це так просто. Згідно з дослідженнями Emarsys, справжня та етична лояльність до певних брендів зросла на 26% та 25%. Що це означає?

Останнім часом важливість міцного зв'язку між компанією та її цільовою аудиторією зросла.

Команда Stripo розробила комплект Brand Guidelines зі стилями email-дизайну, логотипами та контактними даними, щоб email-маркетологи могли залишатися в тренді.

4. Створіть хедер листа

Тепер, коли тема листа і прехедер готові, на черзі — email-дизайн. Візуальна привабливість, інформативність та мінімалізм — ось стовпи вашого хедера.

Які ключові візуальні елементи слід використовувати? Давайте разом розберемося в найкращих практиках email-дизайну:

• назва компанії та логотип — обов'язкова умова, щоб підписники могли відрізнити ваші маркетингові листи від листів конкурентів;
• не менш важливим є навігаційне меню. Найкращі практики пропонують додати основні розділи сайту, знижки, пошук магазинів;
• також слід передбачити опцію «Переглянути в браузері». Не всі поштові клієнти коректно відображають інтерактивні елементи або GIF-ки, тому краще перестрахуватися!

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

(Джерело: лист від Spotify)

5. Додайте анотації до листів для вкладки «Промоакції» в Gmail

Усе справедливо в любові та в стратегії email-маркетингу, вірно? Анотації Gmail — ще один інструмент, який стане в нагоді для вашої email-кампанії.

Хоча багато email-маркетологів хочуть, щоб їхні email-кампанії потрапляли на вкладку «Вхідні», вкладка «Промоакції» — не ворог!

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

(Джерело: лист від Tiffany & Co)

6. Використовуйте розбірливі шрифти для листів

Можливо, вам захочеться поекспериментувати зі шрифтами під час створення листів. Однак деякі веб-шрифти (ми впевнені, що ви пробували шрифти Google!) можуть не відображатися належним чином у поштових провайдерах.

Arial, Tahoma, Verdana, Trebuchet, Georgia і добре відомий Times New Roman входять до переліку найбільш веб-безпечних шрифтів.

Ось ще кілька практик email-дизайну:

• видаліть курсив зі своїх листів. Завжди важко прощатися зі старими шрифтами, але курсив — це «НІ», коли йдеться про доступність;
• обмежте використання різних шрифтів до 3. Що більше шрифтів, то краще — це не про email-дизайн.

7. Створюйте змістовні банери для листів

Сприймайте банери як приємне доповнення до листа і намагайтеся не перевантажувати його. 

Гарна стратегія використання банерів передбачає взаємодію з цільовою аудиторією за допомогою брендованих зображень, посилань або GIF-ок, що передають ідею листа. 

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

(Джерело: шаблон листа Stripo)

Поради з вибору банерів:

• хоча більшість користувачів вибирають зображення зі стандартним розміром 600-700 px для десктопів, ви можете спробувати й інші розміри. Проте не забувайте про адаптивність для мобільних пристроїв;
• спробуйте використовувати каруселі, відео та GIF-ки;
• додайте прозорі кастомні картинки або колажі, щоб освіжити шаблон листа.

8. Додайте доречні GIF-ки

Як щодо того, щоб урізноманітнити свої маркетингові листи анімованими GIF-файлами? Ніякого статичного тексту або старомодного email-дизайну.

Найкращі практики радять експериментувати з контентом, щоб знайти свій стиль. Це актуально як ніколи, але за сміливістю йдуть складнощі. 

Наприклад, час завантаження часто негативно впливає на залученість. Як вирішити цю проблему? Оптимізуйте GIF-ки, особливо для мобільних користувачів.

Дотримуйтесь правил у разі додавання GIF-анімації в листи:

• додавайте не більше 1 GIF-ки на екран. Інакше лист може викликати напади фотосенситивності;
• обмежте частоту GIF-ок до 2 спалахів на секунду;
• використовуйте Alt-текст, щоб зробити GIF-файли доступними для скринрідерів у разі, якщо вони не завантажуються або не відображаються належним чином;
• ставте найбільш інформативне зображення в перший кадр. Деякі поштові провайдери можуть неправильно відображати GIF-ки, тому підписники бачать лише перший кадр.

9. Зробіть кнопки заклику до дії помітними

Кнопки заклику до дії (CTA) ніколи не виходять з моди і є однією з ключових найкращих практик email-дизайну, яка, як і раніше, сприяє конверсії. Вони мотивують аудиторію відвідати ваш сайт або дізнатися більше про ваші послуги. Як зробити так, щоб кнопки виділялися в email-кампаніях? Давайте разберемся:

• використовуйте контрастні кольори, щоб відокремити кнопки CTA від решти письмового та візуального контенту;
• прикріплюйте посилання, щоб спрямовувати одержувачів на певні веб-сторінки;
• регулюйте розмір кнопки, щоб забезпечити її клікабельність на десктопах і мобільних пристроях.

(Джерело: лист від CARiD)

10. Дотримуйтеся mobile-friendly email-дизайну

Почнемо зі статистики: за даними Hubspot, 46% листів відкриваються на мобільних. Чи мають ваші email-маркетингові кампанії адаптивний дизайн? Якщо ще ні, то ось кілька порад щодо роботи над мобільною версією листа:

• використовуйте структуру з однією колонкою для оптимізації. Структура з кількома колонками — не найкращий вибір для мобільних пристроїв;
• додайте більші шрифти. Текст має бути читабельним і помітним без зуму;
• видаліть деякі елементи дизайну, щоб очистити простір і уникнути безладу;

(Джерело: шаблон листа Stripo)

• розташуйте кнопку заклику до дії на всю довжину мобільного екрану, щоб на неї було легше клікнути.

Тепер давайте порівняємо email-дизайн для десктопів:

(Джерело: лист від Ryanair)

А ось той самий шаблон листа на мобільному пристрої:

(Джерело: лист від Ryanair)

11. Будьте лаконічними

Сучасна аудиторія віддає перевагу лаконічному, мінімалістичному і зрозумілому email-дизайну. Хоча не існує єдиної довжини листа для всіх, постарайтеся вкластися в 10 секунд.

Хочете просунути свою недавню публікацію в блозі? Чудово! Не забудьте додати заклик до дії, картинки, посилання на веб-сторінку і текстовий блок з детальною інформацією про те, що знаходиться всередині. 

Чи є у вас знижки? Додайте цифри й умови та підкріпіть їх кнопкою заклику до дії. Уникайте довгих вступів і ставте важливі речі на перше місце.

12. Не бійтеся використовувати інтерактивність у листах

Інтерактивні елементи можуть відокремити гарний email-маркетинг і чудовий email-маркетинг. У шаблони листів можна вбудувати опитування, анкети або квізи, щоб ще більше залучити цільову аудиторію.

(Джерело: лист від Stripo)

А/Б-тестування вбудованої інтерактивної форми від Stripo дало в 5,2 раза більше відгуків, ніж зовнішня. 

Люди з більшою ймовірністю дадуть відповідь безпосередньо в шаблоні листа, тож навіщо втрачати шанс?

13. Використовуйте гейміфікацію в листах

Ігри перестали бути просто розвагою — вони стали ефективним інструментом email-маркетингу. Але якщо ви сумніваєтеся, перевірте статистику:

• гейміфікація підвищує конверсію на 27% у секторі електроніки;
• клікабельність досягла 11,1% порівняно з 1,1% для негейміфікованих листів.

(Джерело: лист від Stripo)

14. Врахуйте доступність листів

Доступність email-дизайну гарантує, що ваша пропозиція дійде до всієї аудиторії, разом з людьми з обмеженими можливостями.

Ви можете ознайомитися з деякими з найкращих методів забезпечення доступності в нашому керівництві з доступності листів. Невеликий спойлер: усі листи, які ви створюєте в Stripo, повністю оптимізовані.

15. Додайте футер

Футер — це заключна частина листа, але він, як і раніше, є чудовою можливістю взаємодіяти з аудиторією і підтримувати фірмовий стиль листа. 

Додайте іконки соцмереж, посилання, контактну інформацію і, найголовніше, посилання для відписки. 

Щоб відповідати вимогам CAN-SPAM Act і GDPR, обов'язково додайте у футер:

• кнопку відписки;
• причину, через яку адресат отримав маркетинговий лист;
• фізичну адресу.

(Джерело: лист від Stripo)

На завершення

Email-маркетинг — це місце для фантазії та експериментів. Незважаючи на існування певних стандартів, створення унікальних, адаптивних для мобільних пристроїв і доступних email-маркетингових кампаній приносить більше користі. 

Ми постаралися зібрати найкращі практики та статистику, щоб ви могли знайти для себе фаворитів і впевнено працювати над створенням власних шаблонів листів у Stripo!