15 лучших примеров GIF-анимаций в рассылках

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

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

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

1. Adidas

(Источник: письмо от Adidas)

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

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

2. Stripo

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

(Источник: письмо от Stripo) 

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

3. Ghirardelli

(Источник: письмо от Ghirardelli)

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

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. Alit

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

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

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

10. Loft

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

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

11. Stripo

(Источник: письмо от Stripo)

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

12. Lyft

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

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

13. Everlane

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

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

14. Charity Water

(Источник: письмо от Charity Water)

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

Важно:

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

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

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

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

15. 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;

Mobile Clients

• iOS Mail;

• Android (native);

• Android (Gmail);

• Blackberry.

В завершение

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

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

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

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

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

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

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