the wingman project

создавать · §II.12 · дизайн email-рассылок · запечатано

от: ваш бренд <hello@yourbrand.com>

кому: одному человеку, по имени

тема: Нативно во входящих. Готово за часы.

прехедер: канал один на один, наконец спроектированный.

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

Начать рассылкуЧитать разбор ↓

вскрыто · что защищал конверт

Канал с самым высоким ROI, который у большинства уже есть.

Большинство брендов зарабатывают на email больше, чем на любой арендованной аудитории, и относятся к нему как к экспорту по остаточному принципу. Дизайн, который ломается в Outlook, убивает канал тихо. Дизайн, который собирается три дня, убивает его медленно. Обе смерти выглядят как «email у нас не работает».

Мы проектируем email под объём, под скорость и под тот ESP, которым вы действительно пользуетесь, чтобы канал накапливал, а не распадался. Нативно во входящих. Готово за часы.

the wingman project

чтение · разбор

У каждой зоны своя работа. Мы называем их все.

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

f-1 · анатомия письмау каждой зоны своя работатема: стоит открыть, по имениповод открытьВаш брендAВ МАГАЗИНотписаться · настройки · адресПРЕХЕДЕРшёпот после темыон зарабатывает открытие заранееГЕРОЙодна картинка, одно заявлениеспроектирован на случай без картинокПАРАпара продуктов, читаетсяс вытянутой руки на телефонеРЯД ПРОДУКТОВповторяемая полкапополняйте, не перестраивайтеТЕМАпишется вместе с дизайном,а не приписывается послеШАПКАвывеска: вас узнаютраньше, чем прочтутКОЛОНКАтепло чистого текста, часть,которая читается как письмоCTAнеубиваемая кнопка,которую не сломает даже OutlookФУТЕРотписка на видууважение это доставляемостькаждая зона обоснована до того, как спорит во входящих
f-1 · анатомия письмаТЕМА: СТОИТ ОТКРЫТЬ, ПО ИМЕНИповодВаш брендВ МАГАЗИНотписаться ·настройкиПРЕХЕДЕРзарабатываетоткрытиеШАПКАузнают первойГЕРОЙживёт безкартинокКОЛОНКАчитаетсякак письмоПАРАчитаемая параCTAкнопка противoutlookПРОДУКТЫповторяемаяполкаФУТЕРуважение на видукаждая зона обоснована до того,как спорит во входящих

чтение · комната

Судят за секунду.

  • имя отправителя узнают раньше, чем что-либо прочтут
  • тема зарабатывает открытие
  • прехедер закрепляет его

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

входящие · вторник · 8:04НАПИСАТЬвходящиепомеченныеотправленныеархивпромоакцииоповещения6:117:20ВАШ БРЕНДМы сделали то, что стоит открыть.спроектировано под эту комнату,8:049:3810:4711:5612:05f-2 · шеренга входящихшесть строк соперничают. читается одна.
8:04поиск в почтеВХОДЯЩИЕВАШ БРЕНДМы сделали то,что стоит открыть.8:04f-2 · шеренгачитается одна.

чтение · машины

Спроектировано внутри клетки

Правила рендеринга во входящих не препятствия, за которые надо извиняться. Они и есть бриф, и проектировать против настоящих правил это дисциплина.

R-01

Тёмная тема

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

R-02

Outlook

До сих пор рендерит письма текстовым редактором. Таблицы, а не flexbox; клетки, а не холсты. Мы проектируем внутри клетки, чтобы ничего не гремело, когда закрывается дверь.

R-03

Обрезка в Gmail

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

сборка · метод

Пять сгибов, от брифа до входящих.

  1. 01ОГРАНИЧИТЬСначала проектируем против настоящих рендереров: тёмная тема, Outlook, обрезка в Gmail. Ограничение это бриф, а не препятствие.
  2. 02СОБРАТЬПрямо в Klaviyo, Customer.io или в том ESP, которым вы действительно пользуетесь. Никаких отдельных MJML-конвейеров, никакой передачи, на которой теряется мяч.
  3. 03СИСТЕМАБиблиотека компонентов, собранная один раз, чтобы каждое следующее письмо уходило меньше чем за два часа вместо трёх дней.
  4. 04ЗАПУСТИТЬПриветствие, брошенная корзина, после покупки, возврат, VIP: спроектированы от начала до конца, собраны и включены.
  5. 05НАПИСАТЬТекст вместе с дизайном, а не после него. Тема письма проектируется так же строго, как макет, который она открывает.

сборка · библиотека

Собрано однажды. Потом каждое письмо уходит меньше чем за два часа.

собрано прямо вKLAVIYOCUSTOMER.IOВАШ ESP

Дизайн-система живёт внутри инструмента, который ваша команда и так открывает: не в Figma-файле, который никто не экспортирует, не в MJML-конвейере, который никто не поддерживает.

f-3 · системная доскавосемь блоков · любое письмоE.01ШАПКАAaE.02ГЕРОЙE.03ПАРАE.04КОЛОНКАE.05CTAE.06КАРТОЧКАE.07ФУТЕРE.08ПОДПИСЬваши,Ваш брендВ МАГАЗИНваши,отписаться · настройкиОДНО ПИСЬМО · СОБРАНОбиблиотека, собранная однаждыкаждое письмо после: меньше двух часов
f-3 · системная доскаE.01ШАПКАAaE.02ГЕРОЙE.03ПАРАE.04КОЛОНКАE.05CTAE.06КАРТОЧКАE.07ФУТЕРE.08ПОДПИСЬваши,Ваш брендВ МАГАЗИНваши,отписаться · настройкиоднажды · потом меньше двух часов

сборка · автоматизации

Всегда включено. От начала до конца.

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

  1. Приветствиеприветисторияпродуктмягкая просьба
  2. Брошенная корзинанапоминаниедоказательствопоследняя записка
  3. После покупкичекинструкцияотзывповторный заказ
  4. Возвратскучаемценностьдверь, оставленная открытой
  5. VIPприглашение

сохранено · что остаётся, когда мы уходим

Что вы сохраняете.

  • K-01Полная библиотека шаблонов писемКаждая форма кампании, которую вы отправляете, спроектирована и сохранена там, где работает ваша команда.
  • K-02Каждый автоматический сценарий собран и включёнНе рекомендован. Не задокументирован. Включён и отправляет.
  • K-03Шаблоны кампаний, готовые для вашей командыОткрыть, заменить, отправить, не вызывая дизайнера.
  • K-04Дизайн-система внутри вашего ESPБлоки живут в инструменте, поэтому система переживает любую смену сотрудников.
  • Вы не верстаете письма.
  • Вы не тестируете в Litmus.
  • Вы не ждёте днями одно письмо.

Отправьте его.

Запустить первую рассылку

дизайн email-рассылок · §II.12 · создавать · the wingman project