6 шагов к мощной системе дизайна электронной почты, которая понравится вашей команде

Маркетологи по электронной почте - и особенно дизайнеры, создающие кампании, - постоянно ищут способы улучшить производственный процесс. Будь то автоматические предварительные просмотры и инструменты обеспечения качества (QA) или поиск более быстрых способов кодирования электронных писем, эффективность - это главное.

Потребность в скорости сочетается с необходимостью масштабирования. Особенно с началом COVID-19, когда люди работают и покупают дома, компании отправляют больше электронных писем, чем когда-либо. По данным нашего осеннего издания State of Email 2020, объем электронной почты увеличился на 54%. И команды изо всех сил стараются не отставать от растущего спроса, при этом проявляя новаторство и поддерживая высокие стандарты качества.

Один из инструментов, который мы нашли все более полезным - и видели, как другие успешно применяют его - это система дизайна электронной почты. Дизайн-системы в целом создаются по двум причинам: эффективность и последовательность. Но что такое системы дизайна электронной почты и как их можно использовать для повышения производительности вашей команды?

Что такое система дизайна электронной почты?

Система дизайна электронной почты - это набор повторно используемых компонентов и стандартов, которые команды используют для руководства своей работой и создания фирменных, безошибочных электронных писем быстрее и более единообразно.

Компоненты системы дизайна электронной почты обычно состоят из:

• Цвета бренда и активы, такие как логотипы, значки и изображения.
• Модули электронной почты (например, фрагменты и частичные данные), используемые для создания электронных писем.
• Полные шаблоны писем, которые можно повторно использовать в разных кампаниях

Стандарты часто диктуют использование этих компонентов и могут включать:

• Стартовые встречи и постоянное обучение использованию системы проектирования
• HTML-комментарии по использованию, включенные в модули и шаблоны
• Документация, такая как логика, лежащая в основе решений по проектированию и реализации.

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

На нашем вебинаре «Как системы дизайна расширяют возможности групп электронной почты повсюду» эксперты по электронной почте поделились своим личным опытом и идеями.

«Дизайн-система в Stack Overflow позволяет любому из нас вносить свой вклад и использовать ее, даже если это не наша постоянная работа». Тед Гоас, главный дизайнер продукта (ранее в Stack Overflow)

Как создать свою собственную систему дизайна электронной почты

В систему дизайна электронной почты можно включить многое, от графики и активов бренда до фактического кода и копии, включенной в электронные письма. Но наиболее успешные дизайн-системы создаются с использованием хорошо проверенной серии шагов. Вот как вы можете создать свою собственную систему дизайна электронной почты.

1. Придерживайтесь создания дизайн-системы.

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

• Требуется много времени, чтобы создать рассылку по электронной почте?
• Часто ли мы сталкиваемся с ошибками в процессе контроля качества или после отправки?
• Много ли людей помогают с электронным маркетингом, дизайном и разработкой?
• Чувствуем ли мы, что текущий процесс создания электронной почты мешает нам?

Если вы ответили утвердительно, тогда имеет смысл создать собственную систему дизайна электронной почты. Обсудите проблемы, с которыми сталкивается ваша команда, с заинтересованными сторонами, опишите многие преимущества дизайн-системы, чтобы получить поддержку, а затем выделите время и ресурсы для выполнения работы.

«Дизайн-системы позволяют компаниям оставаться на позиции бренда и дают возможность маленьким и крупным командам безупречно строить». Кристал Ледесма, менеджер по проектированию, дизайн-системы в Zillow

2. Проведите аудит существующей программы электронного маркетинга.

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

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

Таблицы очень полезны для проведения аудитов. Откройте один и начните документировать каждое отправленное вами электронное письмо, различные типы контента, изображения, кнопки, верхние и нижние колонтитулы, заявления об отказе от ответственности и т. Д.

И обязательно по возможности включайте примеры снимков экрана или ссылки на живые электронные письма. Они будут служить хорошей отправной точкой при создании ваших компонентов.

3. Обсудите и задокументируйте проектные решения.

Затем начинается самое интересное: мы поговорим друг с другом о том, как реализовать вашу дизайн-систему.

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

Важной частью здесь является документирование процесса и обоснования решений, чтобы всем было понятно, что, почему и как стоит за вашей системой дизайна.

4. Создайте свою дизайн-систему и руководство

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

Это то, что мы делаем со своей стороны, используя нашу Библиотеку дизайна в Litmus, которая позволяет вам сохранять фирменные цвета, модули и полные шаблоны, чтобы ваша команда могла использовать их при создании новых кампаний. Вы также можете классифицировать свои модули, пометив их по типу модуля (например, заголовки или кнопки), типу электронной почты (например, информационный бюллетень или событие) или по тому, что соответствует вашим потребностям.

А с помощью вашей системы дизайна электронной почты в Litmus вы можете автоматизировать тестирование QA, чтобы убедиться, что все идеально, а затем дать возможность любому, даже не программисту, быстро создавать электронные письма с помощью визуального редактора с перетаскиванием.

Однако помимо того, где хранятся компоненты, вам необходимо задокументировать вторую половину вашей дизайн-системы - стандарты использования. Для нас это в основном происходит в Confluence, но подойдут любые документы, которые являются общими, легко обновляются и быстро справляются. Мы видели, как команды используют все, от PDF-файлов и слайдов до полноценных веб-сайтов для документирования своих систем дизайна. Если вам нужно вдохновение, мы большие поклонники руководства по дизайну электронной почты Mutual of Omaha.

5. Привлекайте других

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

«Если вы хотите, чтобы люди использовали вашу дизайн-систему, дайте людям время, чтобы они немного помочились, сделайте ее доступной и поощряйте людей задавать вопросы». Тед Гоас, главный дизайнер продукта

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

«Положитесь на личную адаптацию, выстраивайте отношения между командами и обновляйте ресурсы». Кристал Ледесма, менеджер по проектированию, дизайн-системы в Zillow

6. Промыть и повторить.

Последний шаг в реализации вашей собственной системы дизайна электронной почты - это бесконечный шаг!

Дизайн-системы не должны быть статичными.

Лучшие из них со временем растут и развиваются, как и компании и люди, которым они служат. Установите периодические периоды времени для коллективного анализа компонентов и стандартов вашей дизайн-системы. И не забывайте проверять свои общие бизнес-цели, маркетинговые инициативы и обновления продуктов или услуг, чтобы убедиться, что ваша дизайн-система выполняет то, что должна делать: помогает вашей команде процветать в постоянно меняющемся ландшафте.

Создайте свою дизайн-систему и электронные письма в одном месте

Требуется место для создания собственной системы дизайна электронной почты? Мы причастны (каламбур) к Библиотеке дизайна в Litmus. Библиотека дизайна - это единое централизованное место для хранения, организации и контроля качества активов, модулей и шаблонов вашего бренда для упрощения обновлений. Затем быстро получите доступ к своим компонентам и создайте с их помощью электронные письма в визуальном редакторе. Попробуйте Litmus сегодня!

7 дней бесплатно →