ËРШ — мастер-шаблон для рассылок

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

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

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

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

Примеры писем «Ёрш»

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

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

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

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

Референсы

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

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

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

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

Сделали фон чище, чтобы не дать главному блюду «затеряться». Фон главного баннера может меняться  в зависимости от тематики рассылки. Сделали акцент на промокоде. Было принято решение сделать акцент на изображении блюд, чтобы вызвать у клиента аппетит и желание сделать заказ.

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

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

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

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

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

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

В шапке письма размещен анимированный логотип «Ерша». Анимация сделана так, что создается эффект пара, поднимающегося над тарелкой. Это дает понять, что рассылка идет от ресторана «Ёрш» и сразу наводит на мысли о свежей горячей еде.

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

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

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