6 шагов к мощной системе дизайна email-рассылок, которую полюбит ваша команда

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

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

Читайте дальше, чтобы узнать:

— Что такое система дизайна email-рассылок?

— Что входит в систему дизайна email-рассылок?

— Преимущества системы дизайна email-рассылок

— Как создать собственную систему дизайна email-рассылок

## Что такое система дизайна email-рассылок?

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

## Что входит в систему дизайна email-рассылок?

Система дизайна email-рассылок обычно состоит из следующих компонентов:

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

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

— Документацию, например, логику принятия дизайнерских и технических решений

— HTML-комментарии по использованию, включенные в модули и шаблоны

— Установочные встречи и регулярное обучение работе с дизайн-системой

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

## Преимущества системы дизайна email-рассылок

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

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

Вот как система дизайна email-рассылок может помочь вашей команде:

**Уточняет роли и обязанности.** Каждый точно знает, что от него ожидается. **Снижает количество повторяющихся ошибок.** Исправьте баги в своих email-модулях один раз (и этого достаточно). **Помогает быстро создавать email-кампании.** Собирайте письма эффективнее с помощью шаблонов, фрагментов и модулей в одном месте. **Экономит время на верстке.** Освободите время разработчиков, чтобы они могли сосредоточиться на создании писем более высокого качества (и других задачах, таких как доступность и темная тема).

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

## Как создать собственную систему дизайна email-рассылок

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

Вот как можно создать свою систему дизайна и с чего начать.

### 1. Определите, нужна ли вам система дизайна, и договоритесь о её создании

Первый шаг — определить необходимость системы дизайна и договориться всей командой о ее создании. Задайте себе несколько вопросов:

— Долго ли создаются email-кампании?

— Часто ли возникают ошибки во время процесса контроля качества или после отправки?

— Участвует ли в email-маркетинге, дизайне и разработке много людей?

— Чувствуете ли вы, что текущий процесс производства писем вас тормозит?

— Является ли единообразие дизайна проблемой для вашей команды?

— Есть ли у вас члены команды с разным уровнем опыта в email-маркетинге?

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

### 2. Проведите аудит текущей программы email-маркетинга

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

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

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

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

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

Далее идет самое интересное: обсуждение того, как внедрить систему дизайна.

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

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

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

После того как достигнут консенсус, нужно построить и организовать фактические компоненты системы. Подумайте, где вы будете размещать:

— Визуальные макеты

— Email-модули и шаблоны

— Документацию

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

#### Визуальные макеты

Все визуальные компоненты должны быть легкодоступны в централизованном месте. Здесь вы будете хранить дизайнерские фреймворки, цвета бренда, активы (логотипы, иконки, изображения) и многое другое.

#### Email-модули и шаблоны

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

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

#### Документация

Помимо хранения компонентов, нужно задокументировать вторую половину системы — стандарты использования.

Мы видели, как команды используют всё: от PDF-файлов и презентаций до полноценных сайтов для документирования своих систем дизайна.

### 5. Привлеките остальных участников

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

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

### 6. Повторяйте процесс

Последний шаг? Это процесс, который никогда не заканчивается и постоянно развивается.

Системы дизайна не должны быть статичными. Как говорит Эллиот Росс из Taxi for Email, система дизайна email-рассылок — это «живой, дышащий организм».

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

*Оригинал опубликован 24 мая 2021 года, автор: Джейсон Родригес. Последнее обновление: 8 сентября 2022 года.*