Новогодняя рассылка · Unisender
Новогодняя рассылка
Дома Природы
Справа — макет письма. Листайте его, переключайте десктоп и телефон. Ниже — из чего оно состоит и что нужно от дизайнера.
Картинки и баннеры собраны на скорую руку, чтобы показать общий вид. Меняйте как хотите.
Структура
Восемь блоков сверху вниз
Это моё предложение по структуре. Дальше — как вам удобнее.
- 01
Шапка-баннер. Лого, заголовок, стрелка и кнопка «Открыть презентацию». Весь баннер — ссылка.
- 02
Hero. Фото людей с подарком, красная плашка с пунктирной строчкой.
- 03
Вступление. «Хороший подарок — это не просто коробка». Живой текст.
- 04
Большой набор. Двухэтажные домики, 10 кусков. Баннер + карточки состава 3 + 2.
- 05
Маленький набор. Одноэтажные домики, 5 кусков. Баннер + три карточки.
- 06
Вручили → открыли → запомнили. Три карточки-сцены.
- 07
Финал. «Два набора — один повод», кнопка «Смотреть презентацию».
- 08
Подвал. Ссылка отписки, живой текст.
Что в баннерах, а что в коде. Всё, что связано с баннером, прорисовано внутри него: снег по краям, плашки, ветки, текст заголовков. Баннеры собираются в письмо друг под другом, а между ними код добавляет живой текст. Каждый баннер сверху и снизу уходит в белый, поэтому швов нет. Если нужен общий снег на стыке двух баннеров, их надо отдать одной склеенной картинкой.
Что меняет переключатель «Баннер А / Б». Только два баннера: «Большой набор» и «Маленький набор» (блоки 04 и 05). Всё остальное письмо одинаковое.
А — домики прямо на красном боке и сугробе, с тенью. Б — тёмная «сцена» с тёплым свечением окон на снежном столе.
Выберите один, второй отбрасываем.
ТЗ дизайнеру
Что нужно отдать, чтобы письмо не поплыло
Кегль и пожелания взяты с референса. Дальше — как вам удобнее.
- ▢
Размер: ширина 600 px, экспорт @2x = 1200 px.
- ▢
Формат: JPG, качество 80–85, до 150–200 КБ на баннер. PNG только с прозрачностью.
- ▢
Поля: 32 px по краям (64 px в @2x).
- ▢
Кегль в баннере: от 36 px @2x. Текст в баннере — только заголовки и короткие подписи, остальное живым текстом.
- ▢
Исходники: PSD или Figma со слоями — фото, плашки, текст, снег, ветки.
| Баннер | Размер @2x | Что внутри |
|---|
| Шапка | 1200 × ~740 | лого, заголовок, стрелка, кнопка, фото справа |
| Hero | 1200 × ~1000 | фото людей, красная плашка, ветки |
| Большой набор | 1200 × ~760 | заголовок, бейдж «10 кусков», двухэтажные домики |
| Маленький набор | 1200 × ~760 | то же, зеркально, «5 кусков» |
| Финал | 1200 × ~1040 | два набора, бейджи, кнопка |
| Карточки и сцены | 360 × 360 | фото без текста, название — живой текст |
Красный #C8101E
Тёмно-красный #8E0B17
Кремовый #FFF4DC
Золото #F4D68C
Фон — красные огоньки-боке, мягко, не пёстро. Снег и хвоя. Заголовки в баннерах сейчас набраны шрифтом Jost, было бы приятно его сохранить, но не обязательно.
Дальше
Что ещё не готово
- Нужны ссылки: презентация и сайт
- Картинки, в том числе сцены, подобраны случайно, просто чтобы заполнить пустоту
- Фото с Freepik взяты только для показа, в готовую рассылку нужны свои фото или лицензия
- Всё остальное ждём от дизайнера