Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках.
Примеры 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 вы можете добавлять в свои видео кастомные превью-изображения.
Подробную инструкцию можно найти в статье ниже:
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-изображения в письмах — это не только оригинальный способ украсить ваш текст. С помощью этого инструмента вы можете:
-
продемонстрировать ваш продукт с разных углов или во всем его многообразии;
-
показать способы его применения;
-
акцентировать внимание на главной мысли;
-
анимировать кнопку призыва к действию;
-
просто поднять настроение своему клиенту.
Проявите креативность и сделайте письма ярче при помощи гифок!
12 комментариев