Tvoя пицца — мастер-шаблоны для рассылок

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

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

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

Регулярная рассылка

Примеры писем «Tvoя пицца»

Промо-рассылки
Промо-рассылки
Промо-рассылки

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

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

Референсы
Изучили пожелания клиента и подобрали референсы со схожей фуд-тематикой.
1. Старый дизайн
На старых баннерах логотип терялся на текстурном фоне. Перед нами стояла задача сделать его более ярким, бросающимся в глаза, чтобы клиент визуально запоминал и в будущем узнавал бренд. Фон рассылки был крафтовым (имитирующим картонную коробку от пиццы) — это визуально нагружало письмо. Дизайн футера необходимо было привести к единому виду, чтобы он логично дополнял остальные блоки.
2. Промежуточный вариант
Добавили контрастный фон и анимированный логотип бренда. Анимация привлекает внимание пользователя к названию нового бренда и способствует повышению узнаваемости. Ушли от крафтового фона, но текст всё равно терялся на детализированном паттерне. Кнопка яркая, но терялась 
на главном фоне. Для футера сначала решили оставить крафтовый фон, но объекты и текст также терялись на нём.
3. Новый дизайн
Отказались от крафтового фона в новом дизайне, но при этом взяли за правило вставлять элементы крафта в дизайн главного баннера (крафт — один из основных элементов дизайна бренда). По задумке главный баннер должен быть всегда анимирован, чтобы привлечь внимание пользователя к промо-блюду или акции. Кнопки «Заказать» в рассылках теперь всегда анимированы, побуждают пользователя кликнуть на кнопку 
и сделать заказ. Футер сделали лаконичным на светлом фоне, где в нём же разместили кнопки на социальные сети. Далее идёт вся необходимая информация по конкретному промо в рассылке и кнопка «Отписаться».
Мобильная адаптация
По статистике компании, большая часть пользователей просматривала рассылки с мобильных устройств. Мы учли этот факт и сразу продумали, как эти блоки должны адаптироваться и перестраиваться в мобильной версии.

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

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

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

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

Другие проекты