Дизайн Маркетинг
~ 10 мин читать
53978 просмотры
оценить
27 октября

Гиф-анимации в письмах: 16 лучших примеров

Stripo / Blog / Гиф-анимации в письмах: 16 лучших примеров

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

Примеры GIF в письмах

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

1. Adidas


(Источник: рассылка от Adidas)

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

GIF-файлы помогают сэкономить много драгоценного места в промо-письмах.

2. Stripo

Не рассматривайте GIF-анимацию как что-то, что может только развеселить и привлечь внимание своей яркостью. Например, Stripo использовали GIF, чтоб рассказать о новой фиче своего продукта. 

(Источник: рассылка от Stripo) 

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

3. Ghirardelli

(Источник: рассылка от Ghirardelli)

Как мы уже говорили, вы можете использовать GIF-файлы в письмах, чтобы продемонстрировать широкий спектр ваших продуктов. Вместо того, чтобы создавать 2-3-8 больших ярких баннеров, вы можете разместить все фотографии необходимых товаров в одной GIF. Это хороший способ делать письма короткими, но при этом информативными.

Карусель AMP — хорошая альтернатива таким GIF-файлам.

Делайте промо-рассылки короткими с помощью карусели AMP
Начать

4. Chubbies

(Источник: рассылка от Chubbies)

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

5. Forever 21

(Источник: рассылка от Forever 21)

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

6. CB2

(Источник: Really Good Emails)

Весёлый способ продвижения своих услуг применила компания CB2. Они занимаются продажей мебели и домашнего декора, а с помощью этой гифки проинформировали клиентов о бесплатной доставке при оформлении заказа. GIF соответствует требованиям, существующим электронных письмам, а эта забавная собачка определённо вызывает улыбку у пользователя, открывшего письмо.

7. Quartz

(Источник: Really Good Emails)

Любите читать? Quartz позаботились о том, чтобы вы смогли сразу просмотреть содержание книги, открывая их новое письмо! Здесь вы увидите, подходит ли вам шрифт данной книги, а также поймёте нравится ли вам её наполнение. Принимать решение о покупке становится проще, когда видишь каждую деталь продукта.

Примечание: но было бы еще лучше, будь анимация чуть медленнее.

8. Monica Vinader

(Источник: рассылка от Monica Vinader)

Хоть и доказано, что видео повышает конверсию, стоит учесть еще один факт — у клиентов не всегда есть время смотреть его. Компания Monica Vinader нашла альтернативу и анимировала картинку, чтоб показать и свой продукт, и как он смотрится в реальной жизни на руке модели.

9. Uber 

(Источник: Really Good Emails)

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

10. Alit

(Источник: Really Good Emails)

Alit показали отличный способ презентовать новый продукт — использование GIF-анимации. Не используй они анимацию вместо обычного текста — читать описание товара было бы скучно. И подавляющее большинство подписчиков даже не заметили бы нового вина в их ассортименте.

Как видим, на определенном этапе вполне уместно анимировать текст краткой презентации или инструкции по использованию. Хороший способ, если вы хотите, чтобы получатели полностью прочли ваше сообщение.

11. Loft

(Источник: Pinterest) 

Несколько месяцев назад мы опубликовали статью о том, как создавать эффективные тизерные email-кампании. И GIF-анимации играют в них важную роль.

Находчиво.

12. Stripo

(Источник: рассылка от Stripo)

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

Используйте этот шаблон письма с GIF-изображением 
Выбрать

13. Lyft

(Источник: Really Good Emails)

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

14. Everlane

(Источник: рассылка от Everlane)

Если вы хотите привлечь внимание клиентов к проблеме, которой посвящено сообщение, вам следует убедиться, что текст заметят. И анимация текста емейла — своего рода гарантия, что его прочтут.

У Everlane получилось!

15. Stripo

(Источник: рассылка от Stripo)

В этом письме Stripo использовали GIF в качестве превью-изображения для видео, чтобы пользователи наверняка заметили how-to видео в рассылке.

Примечение:

В Stripo вы можете добавлять в свои видео кастомные превью-изображения.

Подробную инструкцию можно найти в статье ниже:

13 мин читать

34305 просмотры 4.6

Как встроить видео в сообщение с помощью Stripo Перейти

16. Chubbies

(Источник: рассылка от Chubbies)

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

Требования и рекомендации к GIF в письмах

Мы перечислим самые важные из них:

Размер

Оптимальный размер GIF-изображения для электронного письма ー от 500 Кбайт до 1 Мбайт. Из-за бОльшего размера GIF может долго загружаться, поэтому перед тем, как отправить файл, рекомендуется его сжать.

Скорость

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

Примечание:

Не обязательно анимировать целые баннеры. Можете «оживить» только некоторые элементы картинки, что будет смотреться не менее выигрышно.

(Источник: Really Good Emails)

Количество

Не используйте более одной гифки в одном письме:

  • во избежание эпилептических приступов;
  • чтоб письмо не было тяжелым и быстрее подгружалось;
  • некоторые версии Outlook только недавно начали поддерживать гифки. И если в письме более трех гифок, то все они не будут воспроизводиться автоматически — на них будет кнопка «Play».

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

Alt-текст

Знали ли вы, что некоторые получатели нарочно отключают отображение картинок и, как результат, гифок? А иногда у подписчиков бывают перебои с интернетом. Все это приводит к тому, что самой гифки они не видят, но видят аль-текст. Важно, чтоб он точно и лаконично описывал содержание картинки. Также важно добавлять аль-текст из соображений доступности писем.

Первый кадр — ключевой

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

Какие почтовые клиенты поддерживают GIF

На сегодняшний день большинство почтовиков поддерживают GIF-изображения. Однако, есть и исключения: Microsoft Outlook 2007-2016 и Windows Phone 7 не отображают анимации, а показывают пользователю лишь их первый кадр. Создавая GIF, позаботьтесь заранее о пользователях этих почтовиков — помните про первый кадр гиф-изображения?

Ниже представлены почтовые клиенты, которые поддерживают гифки.

Desktop clients:

  • Lotus Notes (6,7, 8);

  • Outlook 2000-2003;

  • Outlook for Mac;

  • Apple Mail;

  • Windows 10 Mall;

  • Outlook 365.

Webmail clients:

  • Gmail;

  • G Suite;

  • Yahoo!Mail;

  • AOL;

  • Outlook.com;

  • Mail.ru.

Mobile Clients:

  • iOS Mail;

  • Android (native);

  • Android (Gmail);

  • Blackberry.

Вывод

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

  • продемонстрировать ваш продукт с разных углов или во всем его многообразии;

  • показать способы его применения;

  • акцентировать внимание на главной мысли;

  • анимировать кнопку призыва к действию;

  • просто поднять настроение своему клиенту.

Проявите креативность и сделайте письма ярче при помощи гифок!

Создай письмо с gif-анимациями в Stripo

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
22 ноября · 17 мин читать
Идеи для Рождественских рассылок

Рождество — лучшее время года. Люди полны ожиданий, они надеются, что счастье придет и останется. А маркетологи тем временем надеются побить свои рекорды продаж ;) И сейчас самое время начать подготовку к праздничному сезону, чтобы отправить клиентам потрясающие рождественские рассылки. Почему именно сейчас? По результатам исследований, 43% подарков к этому волшебному празднику покупают уже в ноябре. Интересная статистика о Рождестве и поведении покупателей: 56% покупателей планируют делать покупки онлайн. 73% всех покупателей используют для поиска идеальных подарков свои смартфоны и...

Дизайн Маркетинг Шаблоны
_Cover Image
16 ноября · 3 мин читать
Гайд по геймификации в email-маркетинге

Когда геймификация максимально эффективна? Как правильно начать её применять? Какую пользу она несет и как создавать игры быстро, без знаний программирования и каких-либо затрат? — Все ответы на эти и другие вопросы мы подготовили в «Гайд по геймификации в email-маркетинге». Книгу можно получить бесплатно Скачать Краткое введение Личны опыт Stripo и опыт других компаний показывают, что геймификация достаточно эффективна. Она не только увеличивает ROI на 300% и повышает узнаваемость бренда, но также помогает компаниям поддерживать более тесные отношения со своими контактами, вовлекая их...

Маркетинг Геймификация
Будьте всегда в курсе последних новостей в области email-маркетинга!