Как разработать стили дизайна писем для вашей компании

Миллиарды людей ежедневно проверяют свою электронную почту. Узнаваемость и профессионализм ваших сообщений — один из ключевых способов построить сильную 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-маркетологи могут использовать данные рекомендации в нескольких кампаниях с помощью модульной архитектуры. 

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