Как и зачем использовать коллаж в email-рассылке

Коллаж — это простой способ разнообразить подачу графического материала и сэкономить место, что особенно актуально для емейл-рассылок.  Чтобы с помощью этого приема сделать необычный инфоблок, достаточно наложить друг на друга несколько изображений. Рассмотрим, как известные бренды используют коллаж в своих рассылках, и как его сделать самому.

collage


Примеры коллажей в email-рассылках

Чтобы помочь подписчику представить, как будут сочетаться платье, обувь и аксессуары, ALDO используют коллаж. Он не только создает целостный образ, но и позволяет рассмотреть товары вблизи.

aldo

Коллаж — это удачное решение, когда наряду с изображениями необходимо вставить в email большие текстовые блоки с комментариями. Вот как с этой задачей справились в рассылке от Witt:

infobloki

Белый фон, несколько отступов и минимум текста в сочетании с коллажем позволяет добавить в письмо больше воздуха, как в этой рассылке ко Дню Святого Валентина от Butik.ru.

unnamed (4)

Коллаж — это отличное решение для расположения карточек товаров. Можно сгруппировать их каскадом, изменить угол наклона, поэкспериментировать с высотой расположения.  Главное — не делать это в ущерб удобству восприятия контента. Пример можно брать с рассылки онлайн-магазина TopTop.

unnamed (3)

В рассылке ProScoter с помощью коллажа цветные изображения спортивных товаров наложены поверх черно-белых примеров их использования в реальной жизни. Шахматное расположение элементов привлекает внимание и не дает зрителю заснуть.

ProScoter

Коллаж может быть сугубо функциональным — совместите текстовый промокод с картинкой или гифкой, и получатель сможет просто скопировать его, вместо того, чтобы запоминать.   

unnamed (1)


Делаем коллаж своими руками

Вы можете без проблем нагуглить десятки бесплатных инструментов и шаблонов для создания коллажей. Мы же покажем, как создавать их в редакторе шаблонов eSputnik.

Для создания коллажей в eSputnik удобно использовать структуры. Если вы захотите создать сложный коллаж, то несколько структур можно будет объединить в одну полосу.

unnamed (5)

Чтобы сакцентировать внимание на карточках, задайте структурам фон, например — в корпоративном стиле.

dobavlenie_fona

Фон можно задать как отдельным блокам и структурам, так и целой полосе.

Чтобы сделать коллаж из 4-х картинок, вам понадобятся 2 контейнера с двумя блоками в каждом. В меню вы сможете настроить размеры картинок и отступы — сначала настройте их для структуры, а потом перейдите к блокам контейнеров.

screenshot_4_0

Отступы по 10 рх сверху можно задать либо только нижним, либо только верхним блокам.

zadanie_otstupov1

Настроить  подходящий для коллажа размер изображения можно с помощью встроенного фоторедактора eSputnik.

Чтобы обрезать ненужную часть изображения, используйте кадрирование. Если же вам нужно просто поменять размер фото, масштабируйте изображение.

collage


В заключение

Коллаж — это эффективный и простой способ разнообразить подачу контента и вместить в письме большие объемы информации. Для создания коллажа не нужны специальные программы — подойдет любой фоторедактор. Можно совмещать не только изображения, но и текстовые блоки,  кнопки СТА, промокоды и любой другой контент. Эта техника — отличный способ повысить конверсию ваших email-маркетинговых кампаний!



Анна Рогозянская

Копирайтер и человек, который отвечает за локализацию сайта TemplateMonster на русский и украинский языки. Любит читать и созерцать. Обучалась Анна на филологическом факультете в Черноморском Национальном Университете им. Петра Могилы. Владеет несколькими иностранными языками, такими как английский и немецкий. Обожает путешествовать, в свободное время описывает лайфхаки и гиды для путешественников. Личность с активной жизненной позицией, позитивный и ответственный работник.