Эксмо — мастер-шаблон для рассылок
Задача: разработать универсальный мастер-шаблон, состоящий из типовых блоков. Задизайнить и интегрировать в платформу Letteros.
Цель: сделать процесс разработки рассылки максимально простым и быстрым при помощи готового мастер-шаблона для рассылок.
Решение:
- аудит действующих писем, анализ конкурентов;
- разработка дизайна блоков в едином стиле;
- адаптивная вёрстка мастер-шаблона в Letteros.
Издательство «Эксмо» выпускает большой и разнообразный ассортимент книг, которые читают люди всех возрастов с самыми разными интересами и предпочтениями. Поэтому при разработке блоков шаблона мы разделили их по жанрам, чтобы читателю было проще идентифицировать, о чём рассылка.
Регулярная рассылка
Посмотрите онлайн-версию письма.
![](https://mailfit.com/wp-content/uploads/2022/09/image-2.png)
Блоки шаблона
Разработали более 30 блоков с разными вариантами оформления в фирменном стиле книжного издательства. Блоки свёрстаны в единый мастер-шаблон и сочетаются друг с другом. Из них можно быстро собрать множество уникальных массовых и триггерных рассылок. Вёрстка адаптируется под любой вид устройства.
Шапка
Предусмотрели несколько вариантов с логотипом (как со шрифтовой частью, так и без неё) и популярными разделами.
![](https://mailfit.com/wp-content/uploads/2022/09/shapka1-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/shapka2-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/shapka3-1.png)
Баннеры
Подготовили заглавные баннеры с подложкой на всю ширину и кнопками для первых экранов разных типов рассылок. Кроме того, создали квадратные и горизонтальные варианты для разных блоков.
![](https://mailfit.com/wp-content/uploads/2022/09/banner1-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/banner2-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/banner-3-2.png)
![](https://mailfit.com/wp-content/uploads/2022/09/banner4-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/banner5-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/banner-6-1.png)
Товарные блоки
Продумали всевозможные раскладки с книгами: шахматная, по три в ряд, с оценками, ценами с кнопками и без. А также несколько блоков для промо отдельного товара с расширенным описанием.
![](https://mailfit.com/wp-content/uploads/2022/09/blok-5.png)
![](https://mailfit.com/wp-content/uploads/2022/09/blok-1-3.png)
![](https://mailfit.com/wp-content/uploads/2022/09/blok-2-2.png)
![](https://mailfit.com/wp-content/uploads/2022/09/blok-1-1-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/blok-2-1-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/blok-3-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/blok-4-2.png)
![](https://mailfit.com/wp-content/uploads/2022/09/blok-1-2-1.png)
Контентные блоки
В качестве элемента дизайна в блоке с анонсом встреч и подборок статей использовали скрепку (как ассоциацию с книгами и канцелярией). Добавили блоки с цитатами и другим контентом.
![](https://mailfit.com/wp-content/uploads/2022/09/kont3-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/group-3301-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/group-3304-2.png)
![](https://mailfit.com/wp-content/uploads/2022/09/frame-2690-3.png)
![](https://mailfit.com/wp-content/uploads/2022/09/kont5-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/group-3303-4.png)
![](https://mailfit.com/wp-content/uploads/2022/09/frame-2711-2.png)
![](https://mailfit.com/wp-content/uploads/2022/09/group-3302-2.png)
Подвал
Кроме классических элементов футера, который сделали в светлой и тёмной теме, добавили три блока на выбор с мини-опросом о том, насколько понравилась рассылка.
![](https://mailfit.com/wp-content/uploads/2022/09/podval1-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/podval2-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/podval3-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/podval4-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/podval5-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/group-3295-1.png)
![](https://mailfit.com/wp-content/uploads/2022/09/group-3296-1.png)