«Тануки» — мастер-шаблон для рассылок

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

Цель: увеличить CTR (количество кликов), сделать процесс сборки письма проще, максимально адаптировать шаблон под мобильные устройства и тёмную тему.

Достигнуто: После редизайна шаблона были проведены A/B тесты. Аудитория была поделена на две части: одной части было отправлено письмо в старом дизайне, другой — в новом.  Согласно полученной статистике, конверсия CTR (количества кликов) увеличилась на 17% в письмах с новым дизайном.

Еженедельное промо

Посмотрите онлайн-версию письма.

Примеры писем «Тануки»

Процесс разработки шаблона

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

Старый дизайн:

Референсы

Изучили пожелания клиента и подобрали референсы со схожей фуд-тематикой.

Этапы разработки

1. Старый дизайн

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

2. Промежуточный вариант

Сделали фон в цвет бренда, который выгодно выделяет промо-ролл. На фоне расположили большой анимированный логотип Тануки, который сразу дает понять, от какого бренда идет рассылка. Было принято решение сделать акцент на изображении блюд, чтобы вызвать у клиента аппетит и желание сделать заказ. Кнопки стали со скруглёнными краями, что придало блоку аккуратности. Отказались от Caps Lock в заголовках. Так текст проще считывается.

3. Новый дизайн

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

Мобильная адаптация

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

Блоки шаблона

Для компании был разработан редизайн существующего мастер-шаблона в её фирменном стиле. Блоки свёрстаны в единый мастер-шаблон и легко сочетаются друг с другом. Из блоков можно быстро собрать большое количество уникальных массовых и триггерных рассылок. Вёрстка адаптируется под любой вид устройства.

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

Было важно показать пользователям, что есть приложение для всех трех брендов TanukiFamily. Мы создали отдельный блок с кнопками для скачивания приложения для Android и iOS с призывом присоединиться к TanukiFamily, чтобы привлечь внимание пользователя.

Основные блоки шаблона

Адаптация под тёмную тему