50 лучших дизайнов рассылок (и как самому делать так же круто) (Часть 1)

    В преддверии конференции, посвященной Email-маркетингу MailCon, мы хотим поговорить о трендах в сфере дизайна писем и рассылок. Предлагаем вашему вниманию перевод статьи о лучших дизайнах электронных писем, которую мы, ввиду большого объема, разбили на 5 частей (по 10 кейсов) и опубликуем с интервалом в 2 дня. Думается, нам есть что обсудить, сверив наблюдения и советы зарубежных экспертов с нашим собственным опытом по созданию рассылок. Первые 10 кейсов в основном посвящены роли цвета в создании письма. Ждем ваших комментариев!

    Ожидается, что к концу следующего года число зарегистрированных по всему миру ящиков электронной почты превысит 4,3 миллиарда. Нравится нам это или нет, но мы живём в мире, где люди предпочитают пользоваться электронной почтой. Это быстро, удобно, и главное – эффективно.
    Как выяснили McKinsey & Company, для привлечения новых клиентов электронные письма в 40 раз более эффективны, чем фейсбук или твиттер – и это лишь один из любопытных фактов, говорящих об успешности email-маркетинга.
    Если ваша компания или стартап хочет использовать этот успех, то критически важным становится хороший дизайн письма. При такой большой конкуренции за внимание пользователя, выдающийся дизайн должен сразу привлекать внимание, чтоб избежать риска, что его отправят в корзину, не читая.
    Привлекайте ваших клиентов, создавайте рассылки, чтобы охватить массовую аудиторию. Вот как это делают профессионалы – и мы надеемся, что это статья вдохновит вас на собственные выдающиеся дизайны писем!

    01.Экспериментируйте с цветом


    Отказ от цвета на фотографии и цветная тонировка в этом примере от The Stylish City («Стильный город») поражают и впечатляют. приглушенные цвета и сочетание розового с черным создают современный и утонченный дизайн. Макет выглядит привлекательным и уникальным, похожим одновременно на новостную рассылку и на модный журнал, однако, по-прежнему, фокус внимания приходится на текст, расположенный по центру, а также выше изображения.



    02.Используйте цвет, чтобы привлечь внимание


    В этом примере от IS Design + Digital неоновый цвет очень быстро привлекает внимание читателя и очень трудно удержаться и не прочесть заголовок. Прямоугольная обводка вокруг шрифта усиливает этот эффект настолько, что название фестиваля, скорее всего, запомнится даже самым незаинтересованным читателям. Сильные образы, выделяющиеся призывы к действию (calls to action) и резкий контраст – всё это эффективные элементы в рамках данного дизайна.



    03. Развлекайтесь с анимацией



    В этом примере Mika Osborn использовала забавную и креативную GIF-анимацию, которая призвана донести одну простую мысль («Let’s pin» -«давай делать пин», от названия социальной сети «пинтерест») – в неповторимом, удивительном и запоминающемся ключе. Призыв прекрасно понимают пользователи, он вдохновляет их подписаться на блог бренда в социальной сети Pinterest, чтобы увидеть новые замечательные картинки, подобные этой. Нейтральный цвет фона и центральное расположение полностью фокусируют внимание на гифке, а информация вокруг размещена именно так, чтобы читатель совершил необходимое действие.



    04. Будьте проще



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



    05. Заставьте письмо сиять



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



    06. Используйте яркую цветовую гамму



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



    07. Используйте яркую цветовую гамму



    Нельзя пройти мимо кейса Studio Newwork, показывающего творческую работу сотрудников агентства. Яркий фон захватывает внимание и эффектно обрамляет изображение. Такое использование цвета позволяет изображению «выстрелить» и направляет взгляд к важному, а абстрактные элементы и креативное расположение текста помогают добавить в макет движение. Этот дизайн соединяет минимализм с ярким цветом, и это великолепно.



    08. Станьте узнаваемы



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



    09. Меньше – это на самом деле больше



    Строгий и красивый дизайн письма Chanel наилучшим образом использует идею простоты. Только одно изображение, представляющее бренд, один заголовок, одно описание и одна кнопка-призыв к действию (call to action), всё выровнено по центру, ни один из элементов не перекрывает остальные. all centrally focused and aligned, no one element overpowers the other. Несмотря на минимализм, использование ленты как изображения бренда позволяет сделать письмо игривым и привлекательным.



    10. Увеличивайте контраст



    Этот пример от Churchmedia демонстрирует интересный способ создания рассылки перед событием. Различные шрифты, гармонично противопоставленные друг другу, обычное и жирное начертание, шрифты с засечками и без – словно спрыгивают со страницы, создавая визуальную иерархию в макете. Контрастная, но хорошо сочетающаяся цветовая палитра придаёт всему письму вид современный, с настроем энергичным и позитивным.



    Ещё 10 кейсов опубликуем в нашем блоге послезавтра, а если вы хотите лично обсудить тренды email-дизайна и другие вопросы email-маркетинга – ждём вас на конференции Mailcon, а найти другие примеры дизайна электронных писем, в том числе – отечественные, а не зарубежные – вы всегда можете в коллекции рассылок Email-Competitors.ru.
    • +7
    • 17,5k
    • 5
    Email-Competitors 23,32
    Компания
    Поделиться публикацией
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама
    Комментарии 5
    • 0
      Ну а как самому-то сделать также круто?
      • 0
        Статья переводная, насколько я понимаю авторов оригинала, надо для начала прочесть всю, а это только первая часть, оригинал огромный. (вторая часть вот)
        Вообще, анализ чужих успехов и ошибок очень помогает в создании собственных писем. Так что посмотреть 50 лучших с комментариями специалистов (собственно, эта статья) и изучить опыт отечественных коллег (например в коллекции рассылок) — как раз позволяет прокачать собственные навыки в создании писем.
      • +1
        Понравился дизайн Macbook, Chanel и с гифками.
        Вообще, E-mail рассылки с гифками — это интересная штука
        Startup Distro Snack только их и юзают) Очень забавно выглядит) Такое чувство, как будто команда сидит и выискивает эпические гифки)
        • 0
          Гифки прекрасны, да… Тут главное — не увлекаться, а то у получателя начнется эпилепсия :)

          Да, мне тоже нравятся эти больше всего. Изящный минимализм — это тренд, безусловно.
        • 0
          Часть 2 перевода — megamozg.ru/company/email-competitors/blog/20076

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

          Самое читаемое