Як розробити стилі дизайну листів для вашої компанії

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

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

Створюйте листи, що відповідають бренду, за допомогою наших адаптивних шаблонів

Переглянути

 

ТОП-6 аспектів, що враховуються при створенні гайду зі стилів листів

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

1. Логотип

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

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

Не забувайте щоразу залишати лого в одному й тому ж місці, щоб користувачі могли легко знайти і впізнати його.

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

2. Шрифти

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

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

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

Також необхідно визначити стилі та розміри шрифтів для таких елементів листа:

• хедери (H1, H2, H3, і т. ін.);
• текст для кнопок;
• текст для описів в картках товарів;
• підпис;
• футер.

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

3. Кольори

Оскільки кольори є важливою частиною характеру вашої компанії, вони можуть підкреслити ваші цінності та дозволити листам вирізнятися з-поміж тисяч рекламних повідомлень в електронних скриньках підписників. Наприклад, червоний колір підвищує метаболізм і викликає відчуття голоду (привіт, McDonald's і KFC), зелений може викликати відчуття надійності, а фіолетовий асоціюється з розкішшю. 

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

Визначте та збережіть коди кольорів для таких елементів листа:

• кнопок;
• тексту для кнопок;
• тексту на ховерах;
• заголовків;
• булетів;
• текстів для описів карток товарів;
• тексту в підписі;
• футера.

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

4. Зображення

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

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

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

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

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

5. CTA

Тепер дайте своїм підписникам чітку і зрозумілу причину для кліку. Переконайтеся, що ваша CTA-кнопка відповідає фірмовим шрифтам і кольорам, щоб не порушувати цілісність бренду. Зробіть ваш текст акцентованим на дії, щоб користувачі могли зрозуміти, що вони отримують після натискання на кнопку. Замість розмитого «Натисніть тут» використовуйте більш конкретні слова, такі як «Прочитати», «Отримати», «Підписатися», «Скачати» або «Купити». Розташуйте кнопку посередині, переконайтеся, що розмір шрифту досить великий і розбірливий, і обмежтеся трьома словами в CTA.

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

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

І знову ми хочемо порекомендувати вам дотримуватися кодів кольорів для кнопок і тексту на них, визначених вашим дизайнером у секціях «Шрифти» і «Колір».

6. Мобільні стилі

Чи знали ви, що сім з десяти користувачів ігнорують листи, які не відображаються належним чином на мобільних пристроях? Ваші повідомлення можуть відповідати бренду і бути адаптивними на десктопах, але якщо вони не відображаються коректно на невеликих екранах, ви не зможете привернути увагу користувачів і підвищити конверсію.

Якщо не хочете, щоб повідомлення ігнорувалися або видалялися, подбайте про те, щоб дизайн ваших листів був mobile-friendly. Ваша схема кольорів і шрифти будуть однаковими на стаціонарних ПК і мобільних пристроях, але дуже важливо вказати такі моменти, як розмір шрифту і ширина кнопок для мобільних девайсів. 

Обов'язково визначте розмір шрифту для:

• заголовків (H1, H2, H3 і т. ін.);
• описів карток товарів;
• інформації про закази;
• кнопок;
• підпису;
• футера.

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

Скористайтеся перевагами ефективного поєднання гайду зі стилю бренду та модульної системи

На додаток до brand guidelines ви також можете скористатися перевагами модульної архітектури для економії ресурсів і спрощення процесу розробки. Незалежно від того, кодите ви свої листи чи створюєте їх у Drag-n-Drop редакторі, наша адаптивна модульна система допоможе вам відповідати останнім трендам дизайну в email-маркетингу і створювати привабливі повідомлення за лічені хвилини.

Ваш дизайнер повинен буде розробити оптимальний логотип, шрифти, кольори та візуальні елементи, що відповідають вашому фірмовому стилю, і витягти стилі до CSS. Потім можна створити набір модульних шаблонів листів для різних цілей (транзакційний лист, лист з подякою, рекламний контент тощо) і поділитися ними з email-маркетологами. 

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

Ось ще кілька переваг використання модульної архітектури для вашого бізнесу:

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

Погляньте на модульний шаблон листа Stripo, розділений на кілька редагованих блоків:

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

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

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

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

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