14 лучших примеров красивого дизайна электронной почты

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

Когда вы занимаетесь маркетингом по электронной почте, ваш список дел часто выглядит следующим образом: генерировать потенциальных клиентов, сегментировать свои списки, настраивать рабочие процессы для взращивания лидов, составлять четкие и краткие копии электронных писем, проверять свои электронные письма на доставляемость, оптимизировать для простых. текст и HTML и так далее. «Где в этом веселье? Вы можете удивиться.

К счастью, есть много фанатов электронного маркетинга (включая нас), которые действительно думают, что все это весело. Эти менее гламурные аспекты электронного маркетинга — хотя и имеют решающее значение для успеха вашей кампании — не рисуют полной картины того, чем на самом деле является удивительный электронный маркетинг.

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

Оглавление:

Примеры дизайна электронной рассылки

1. Совместный фонд

В дизайне красный и желтый служат мощным выбором цвета. В то время как красный цвет, как известно, передает силу или страсть, желтый часто считается одновременно ярким и энергичным. Хотя многие компании используют большой цветной блок в верхней части своих информационных бюллетеней, чтобы привлечь людей, сотрудники Collaborative Fund пошли еще дальше, объединив красные и желтые цветовые всплески по всему электронному письму. Довольно мощный, правда?

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

Источник изображения

Совет для профессионалов: если все сделано правильно, включение массива текстур с помощью высококачественной графики или фотографии (например, скомканной бумаги, использованной выше) может сделать 2D-опыт просмотра электронной почты более интуитивным и привлекательным.

2. Домино

В этом информационном бюллетене от Domino содержится много информации: дизайн с ограничениями на хранение, подарки, профильная статья с Chelsea Handler, советы по дизайну ванной комнаты и спальни и призыв к действию.

Чтобы упростить сканирование, Domino соединила эти короткие описания с высококачественными изображениями. Как и в примере с Collaborative Fund, они также использовали четкие горизонтальные границы для разделения каждой темы.

Источник изображения

Совет для профессионалов: включение контрастных цветов может помочь создать разделение между разделами и с легкостью привлечь внимание к каждому разделу.

3. Лаборатория InVision

Это гораздо более лаконичное электронное письмо от InVision, которое включает в себя чистый дизайн и привлекательный цвет. Синий фон заставляет как призыв к действию, так и белое поле в нижней части письма привлекать внимание. Развернутые веером изображения продукта помогают получателю понять, что влечет за собой объявление, прежде чем углубляться в поясняющий текст.

Источник изображения

Красочный опыт не останавливается на электронной почте. Ярко-синий цвет переносится на соответствующий веб-сайт, что делает его ярким примером бесшовного брендинга.

Вас вдохновил чистый дизайн InVision и вы готовы создать собственную кампанию? Используйте бесплатное программное обеспечение для маркетинга по электронной почте, такое как HubSpot, чтобы создать и отправить свое сообщение миру.

4. ГрабХаб

Это электронное письмо от GrubHub — отличный пример продвижения продукта… потому что оно совсем не похоже на продвижение продукта. Вместо того, чтобы сказать: «Эй, ты любишь поесть. Вы должны заказать это с помощью нашего сервиса!», письмо рассказывает историю с помощью действительно крутого интерактивного контента: викторины, чтобы узнать, что вы должны подать на свой праздник (посмотрите, что они там делали?).

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

Источник изображения

Совет профессионала: движение привлекает внимание. Мы видим это в социальных сетях и других средствах массовой информации. Добавление этой функции в ваши электронные письма может понравиться зрителям, которых привлекает фактор движения в общедоступном контенте. Узнайте, как создать GIF с помощью Photoshop.

Примеры дизайна электронной почты для воспитания

5. Удобно

Нам нравится это простое приветственное письмо от Handy. Цветовая схема последовательна, в основе лежит серый цвет, а ярко-синий — для привлечения внимания к логотипу и призывам к действию.

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

Источник изображения

Совет профессионала : в настоящее время большинство зрителей в какой-то степени способны определить, является ли изображение стоковой фотографией или исходным контентом. Если вы должны использовать стоковые фотографии, не торопитесь, просматривая базы данных изображений и фильтруя изображения, которые отражают не только тон электронного письма и сообщения, но и общую эстетику и ощущение вашего бренда.

6. Лакмус

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

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

Источник изображения

Совет для профессионалов. Проявите фантазию и используйте значки и иллюстрации — это полезный и простой способ донесения сообщений. Последовательный внешний вид имеет значение, демонстрируя намерение и стратегию дизайна. Вы можете найти бесплатные пакеты значков, включающие наиболее часто используемые значки, на таких веб-сайтах, как FlatIcon.com.

7. Убер

Как маркетологи, мы знаем, что диаграммы и графики могут служить эффективным способом иллюстрации информации. Но как насчет включения графиков в электронные письма?

Этот дизайн электронного письма от Uber умело демонстрирует возможности визуализации данных с помощью простых графиков. Вместо того, чтобы полагаться на слова, чтобы объяснить свои сниженные ставки, Uber сделал несколько сравнительных визуальных эффектов. Благодаря выбору ярко-синего цвета получателям легко понять, как изменились ставки, с первого взгляда.

Источник изображения

Совет профессионала: вызвать волнение у публики сложнее, чем можно было бы подумать. Вышеприведенное служит примером того, как Uber использует свои исторические данные, чтобы стимулировать интерес к новым предложениям от компании. Потенциал того, что должно произойти, коррелирует с тем, что произошло. Покажите, что уже сделано, прежде чем показывать, что будет дальше, чтобы потребители знали, что их волнение в безопасности.

8. Куяна

Вот электронное письмо с рекламой продукта, которое Cuyana отправила людям, подписавшимся на список «раннего доступа» нового продукта. Электронное письмо полностью сосредоточено на демонстрации нового продукта, но в данном случае это именно то, что искали люди, подписавшиеся на список «раннего доступа».

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

Источник изображения

Совет для профессионалов: это пример электронного письма, созданного с помощью HubSpot. Щелкните здесь, чтобы ознакомиться с другими примерами электронного маркетинга из нашей библиотеки .

Примеры дизайна электронной почты для электронной коммерции

9. Дж. Крю

Иногда слова могут быть переоценены. Почему бы не позволить картинке рассказать историю за вас? Во всяком случае, это то, что J.Crew сделал в этом письме. Электронное письмо рекламирует распродажу, но вы не сразу об этом узнаете: все, что вы видите, это копия «Это стоит прокрутки» вместе с очень длинным (и очень достойным прокрутки) изображением высокого разрешения. конус мороженого. Мы любим тонкости. Ням!

Источник изображения

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

10. Яблоко

Это праздничное письмо от Apple уравновешивает пустое пространство с отображением продуктов, чтобы создать действительно интересный опыт.

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

Источник изображения

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

11. Товары союзного производства

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

Нам очень нравится, как простота позволяет читателю меньше сосредотачиваться на отвлекающих элементах сообщения. Вместо этого они могут заполнить негативное пространство представлениями о том, как выставленные товары — или другие, продаваемые компанией — могут вызвать желаемую реакцию матерей в их жизни. Заставляет задуматься: «Что есть у мамы?», «Что ей нужно?» или «Что бы она хотела?»

Источник изображения

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

12. Каспер

Это приветственное письмо от Casper делает блестящую работу, предоставляя обзор того, что даст вам присоединение к их сообществу, насчитывающему более 1 миллиона участников. Судя по их количеству в сообществе, они потратили много времени и сил на создание продукта и репутации, так что вы можете быть уверены. ( Понятно ? «Отдых», потому что это компания по производству матрасов? Ах, неважно!)

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

Источник изображения

Совет профессионала: будьте проще, позволяя зрителям и потребителям сделать для себя вывод, что им нужно то, что вы предлагаете.

13. Швуд х Стэнли

В мире электронной коммерции качество визуальных элементов в ваших электронных письмах может иметь огромное влияние на то, будут ли получатели задерживаться, чтобы просмотреть все электронное письмо, или быстро нажать кнопку «удалить». В этом письме от Shwood x Stanley большое внимание уделяется этим высококачественным визуальным эффектам. Нам особенно нравятся текстурированные фоны, а также то, как они играют со светом и тенями.

Источник изображения

Совет для профессионалов: при использовании нескольких изображений в html-письме подумайте, какие цвета дополняют друг друга, а какие контрастируют. Это соображение может сделать переход от раздела к разделу плавным для зрителя, привлекая внимание на протяжении всего сообщения.

14. Гарри

Для сезонных электронных писем, подобных этому от Harry's, вы можете рассмотреть возможность использования цветовых схем, соответствующих сезону. Чтобы продвигать свой зимний подарочный набор, ребята из Harry's освежили свою цветовую гамму традиционными зимними цветами, такими как зеленый, синий и коричневый. Они также достигли хорошего баланса между текстом и визуальными эффектами и помогли упростить просмотр электронной почты, используя простой дизайн плитки.

Еще одна вещь, которую мы любим, — это ярко-красные призывы к действию; они выглядят довольно кликабельно… согласитесь?

Источник изображения

Совет профессионала: Проще говоря, ничто не заменит хорошую фотографию продукта. Если вы погружаетесь в океан фотографии оригинального продукта, ознакомьтесь с этим руководством для начинающих по фотографии продукта.

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

Примечание редактора: этот пост был первоначально опубликован в мае 2012 года и был обновлен для обеспечения свежести, точности и полноты.