06 : 12 : 23 : 37

Stripo Choice Awards 2025

Review this year’s top email designs and vote for your favorites

18 October 2018

Гиф-изображения в электронных письмах: 16 лучших примеров

Анна Кузнецова
Анна Кузнецова Главный редактор Stripo

Подвести итог

ChatGPT Perplexity
Оглавление
  1. Плюсы использования гифок в письмах:
  2. 16 отличных примеров гифок в емейлах
  3. Вывод
1.
Плюсы использования гифок в письмах:

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

Именно поэтому мы хотим поговорить о самых удачных примерах использования анимированных GIF в емейл-маркетинговых кампаниях. Позвольте начать с названия файлов GIF, также известных как анимации: эта аббревиатура означает Формат Обмена Изображениями (Graphics Interchange Format). Иными словами, гиф означает действие!

Stripo animated gif in email TGISF

Для чего они применяются?

Плюсы использования гифок в письмах:

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

Не правда ли, вполне убедительные причины использовать GIF?

Прежде чем переходить к примерам, давайте посмотрим короткое видео о том, как же добавлять GIF в емейлы с помощью Stripo:

16 отличных примеров гифок в емейлах

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

1. Brooklinen

Задача этой гифки: приветствовать пользователей

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

Stripo animated gif in email - Welcome

2. Quartz

Задача этой гифки: предпросмотр новой продукции

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

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

А уже под самой GIF-анимацией они поместили подробное описание книги.

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

3. Alit

Задача этой гифки: реклама новой продукции

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

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

Stripo animated gif email - Introduction

4. Paravel

Задача этой гифки: демонстрация богатства ассортимента

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

Лично мне понравилась эта гифка.

Stripo displaying assortment strategy via email animations

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

5. Nike

Задача этой гифки: демонстрация самых популярных товаров

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

На самом деле Adidas тоже часто используют этот трюк. Осмелюсь предположить, что использование анимаций в емейл-маркетинге улучшает показатели CTOR

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

Stripo animated gif email examples - Nike

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

6. Chubbies

Задача этой гифки: показать способы ношения одежды

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

Stripo animated gif email examples - Chubbies

7. Monica Vinader

Задача этой гифки: показ товаров крупным планом

Вспомните, как часто отсутствие изображения товара крупным планом останавливало вас при покупке? Но емейл-маркетологи не имеют возможности добавлять в сообщения столько изображений, сколько они хотят, потому что рассылки следует делать по возможности короткими. Дизайнеры Monica Vinader нашли идеальное решение: они добавили в емейл GIF, которая обеспечивают получателей изображениями товаров крупным планом.

Stripo animated gif email examples - Monica-Vinader

8. The New York Times

Задача этой гифки: привлечь внимание к тексту

Всемирно известная нью-йоркская ежедневная газета тоже отправляет емейл-рассылки. Их маркетологи стараются придерживаться консервативного стиля сообщений: всё выдержано в пастельных тонах (стандартная цветовая схема газеты) — и никаких отвлекающих объектов.

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

Кто-нибудь читает слоганы компании? Как правило, никто. “New York Times» используют безотказный трюк: они анимируют слоган текущей кампании. И таким несложным способом привлекают наше внимание.

Stripo slogan demo - gif banner

9. Everlane

Задача этой гифки: акцентировать внимание на тексте

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

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

Stripo gif in email - Text - Everlane

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

10. Hipmunk

Задача этой гифки: оживить сообщения по особым поводам

Посмотрите на этого милашку-бурундучка. Он убедил меня перейти по ссылке!

Если подробнее о причинах, то:

  • бурундук соответствует названию компании “Hipmunk”;
  • одежда бурундука говорит о том, что компания знает о празднике;
  • ветка трилистника в его руке ненавязчиво намекает на поздравление.

Достаточно креативно, особенно если вы не хотите устанавливать декоративный фон для всего емейла.

Stripo animated gif in email - Happy St Patrick's Day

11. Brighton

Задача этой гифки: сделать приглашение утонченным

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

Stripo animated gif in email - Brighton

12. CB2

Задача этой гифки: сделать информацию для подписчиков забавной

CB2 продают мебель и домашний декор. И они придумали веселый способ сообщить об услуге бесплатной доставки. Небольшая гифка привлекла мое внимание, при этом не отвлекая от чтения, так как сам текст никуда не движется. А симпатичная собачка сама по себе расположила меня к этой компании.

Но если бы собачка не только приезжала, но еще и уезжала — было бы вообще круто.

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

Stripo gifs in email - Free Shipping Ad

13. Monica Vinader

Задача этой гифки: привлечь внимание к видео

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

Stripo animated gif email - Video

Как реализовать это с помощью Stripo:

  • перетащите блок “Видео” в шаблон;
  • вставьте ссылку видео на Youtube или Vimeo в соответствующее поле;
  • Stripo автоматически заполнит поле alt-текста;
  • активируйте кнопку “Собственное изображение”, которое послужит пользовательской заставкой для видео;
  • загрузите свое изображение анимированной кнопки;
  • отметьте “Нет” в поле “Кнопка воспроизведения”, так как у вас уже есть своя.

Stripo animated emails - thumbnail image

Доказано, что GIF в емейл-маркетинге выполняют свою задачу – клиенты замечают такие кнопки и чаще просматривают видео, прикрепленные к ним.

14. Forever 21

Задача этой гифки: выделить скидки

Ординарное “Распродажа” или “15% скидка” не вызывает никаких эмоций, особенно во время Черной Пятницы. Сделайте свое предложение особенным — пусть ваши емейлы выделяются среди множества других.

Stripo email animated gif - Sales

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

15. Loft

Задача этой гифки: вызвать чувство предвкушения в подписчика

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

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

Stripo email animations - Open immediately

16. HARRY’S

Задача этой гифки: деликатно замотивировать получателей

Теперь, когда мы сообщили клиентам о распродаже, следует мотивировать их что-то купить у нас.

Это можно сделать такими способами:

  • встроить в емейл таймер обратного отсчета;
  • добавить изображение часов.

Больше всего в этом письме мне понравилась не слишком крупная GIF-анимация. Она как бы ненавязчиво намекает получателям, что надо поторопиться, если они хотят поздравить своих пап с Днем Отца.

Stripo how to send an animated gif - Polite reminder

Примечание: если у вас нет времени на создание таких мотивирующих GIF-файлов, добавьте таймер обратного отсчета. Просто перетащите в шаблон Stripo стандартный блок “Таймер” и настройте время, шрифты и т.д.

Вывод

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

Вот список простых правил, которых стоит придерживаться, запуская емейл-маркетинговую кампанию с применением GIF:

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

Если у вас возникли вопросы, присоединяйтесь к нам на Facebook или пишите по емейл-адресу contact@stripo.email.

Желаю удачи в ваших будущих начинаниях!

Была ли статья полезна?
Tell us your thoughts
Спасибо за ваш отзыв!
0 комментариев
Редактор Stripo
Упростите процесс создания писем.
Плагин Stripo
Интегрируйте Drag-n-Drop редактор Stripo в свое веб-приложение.
Заказать шаблон
Наша команда может разработать и сверстать его для вас. Просто заполните бриф, и мы свяжемся с вами в ближайшее время.

Редактор Stripo

Для команд специалистов по email-маркетингу и индивидуальных разработчиков писем.

Плагин Stripo

Для продуктов, которые могут эффективно использовать интегрированный white label конструктор писем.