examples-of-animated-gifs-in-emails
23 червня 2023

15 найкращих прикладів GIF-анімацій у розсилках

Створюйте анімовані листи
Зміст
  1. Приклади GIF-анімацій в email-розсилках
  2. Вимоги та рекомендації стосовно GIF у розсилках
  3. Поштовики, що підтримують GIF-анімації
  4. На завершення
1.
Приклади GIF-анімацій в email-розсилках

GIF-анімації в електронних листах стануть у великій нагоді, якщо ви бажаєте продемонструвати свою продукцію, привернути увагу користувачів до певних елементів листа або просто трохи прикрасити свій текст. У цій статті ми підготували для вас добірку найкращих прикладів таких анімацій.

Приклади GIF-анімацій в email-розсилках

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

1. Adidas

(Джерело: лист від Adidas)

Adidas застосували в листі анімацію, щоб показати доступні кольорові версії товару. Виглядає акуратно, просто — і при цьому вражаюче.

GIF-файли суттєво заощаджують дорогоцінний простір у промо-листах.

2. Stripo

(Джерело: лист від Stripo)

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

3. Ghirardelli

(Джерело: лист від Ghirardelli)

Як уже зазначалося трохи вище, за допомогою GIF-анімацій можна презентувати в листі широкий асортимент ваших продуктів. Замість того, щоб створювати два, три або вісім великих і яскравих банерів, краще додати всі зображення потрібних товарів до GIF-файлу. Це файний спосіб зробити лист коротким і водночас наповнити його корисними фото.

4. Chubbies

(Джерело: лист від Chubbies)

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)

Кілька місяців тому ми опублікували статтю про те, як створити ефективну розсилку-тизер. І важлива роль у цій справі належить GIF-файлам.

11. Stripo

(Джерело: лист від Stripo)

Таймери як такі вже привертають увагу користувачів. Утім десь поруч з ними можна додавати ще й GIF-анімації — щоб бути вже на 200% упевненими, що отримувач помітить таймер.

12. Lyft

(Джерело: Really Good Emails)

Lyft кумедно зобразили свій продукт з електросамокатом. Анімація просто й елегантно доповнює важливий текст, а сам засіб пересування можна побачити з різних ракурсів.

13. Everlane

(Джерело: лист від Everlane)

Якщо ви бажаєте привернути увагу клієнтів до проблеми, якої торкаєтесь у повідомленні, вам слід переконатися в тому, що текст помітять. Анімація тексту в електронному листі є певною гарантією, що його прочитають. Everlane впоралися із завданням!

14. Charity Water

(Джерело: лист від Charity Water)

У цьому анімованому листі Charity Water використовують GIF як прев’ю до відео, аби бути впевненими, що користувачі неодмінно помітять відео-інструкцію, вбудовану в лист.

Важливо:

У Stripo ви можете додавати до своїх відео будь-які зображення прев’ю.

Потрібен мануал, як це зробити? Читайте нижче нашу спеціальну статтю.

You might also like

15. Chubbies

Гіф-анімації для привернення уваги

(Джерело: лист від Chubbies)

Chubbies застосували цю веселу гіфку, щоб привернути увагу користувачів до своїх великих розпродажів. Класна альтернатива велетенським банерам з написаними на них розмірами знижок.

Вимоги та рекомендації стосовно GIF у розсилках

Їх зовсім небагато, проте вони дуже важливі:

Розмір файла

Оптимальна вага GIF-анімованих зображень для електронних листів варіюється від 500 КБ до 1 МБ. Якщо розмір GIF-файла є більшим, завантаження може потребувати певного часу. Тому рекомендується стиснути файл, перш ніж додавати його до розсилки.

Швидкість

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

Важливо:

Не обов’язково анімувати банер повністю. Можна «оживити» лише деякі елементи зображення, і гіфка не втратить своєї краси.

Гіфки з анімованим елементом листа

(Джерело: Really Good Emails)

Кількість

Не використовуйте більше ніж один GIF-файл в одному листі:

  • щоб уникнути епілептичних припадків;

  • щоб лист не був надто важким і якнайшвидше завантажувалася;

  • деякі версії Outlook щойно почали підтримувати GIF. Якщо у листі більше ніж три GIF-файли, Outlook не анімуватиме їх автоматично. Він відобразить тільки перші кадри, і над кожною гіфкою буде кнопка відтворення.

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

Альтернативний текст

Чи знаєте ви, що деякі користувачі деактивують відображення картинок, і при цьому вимикаються також файли GIF? Бувають також випадки, коли у підписників падає швидкість інтернету. Як наслідок вони не бачать саму анімацію, натомість бачать альтернативний текст. І тут є дуже важливим, щоб цей текст чітко і лаконічно описував зміст зображення.

Також важливо додавати такий текст із міркувань доступності листів.

Перший кадр — головний кадр

У зв’язку з тим, що деякі поштові клієнти не підтримують файли формату GIF, натомість відображаючи тільки перші кадри анімацій, дуже важливо, щоб перший кадр передавав основну ідею вашої кампанії.

Поштовики, що підтримують GIF-анімації

Більшість поштових клієнтів сьогодні підтримують формат GIF. Однак є винятки: Microsoft Outlook 2007-2016 і Windows Phone 7 не відображають анімацію, замість якої показують перший кадр гіфки. Створюйте GIF-файли з урахуванням цього факту — пам’ятайте, що перший кадр має містити основну ідею вашої анімації.

Поштові клієнти з підтримкою GIF-файлів:

Десктопні клієнти

  • Lotus Notes (6, 7, 8);

  • Outlook 2000-2003;

  • Outlook for Mac;

  • Apple Mail;

  • Windows 10 Mall;

  • Outlook 365.

Клієнти веб-пошти

  • Gmail;

  • G Suite;

  • Yahoo!Mail;

  • AOL;

  • Outlook.com;

Мобільні клієнти

  • iOS Mail;

  • Android (native);

  • Android (Gmail);

  • Blackberry.

На завершення

Гіфки в розсилках надають можливість:

  • продемонструвати свій товар під різними кутами або в усьому розмаїтті варіантів;

  • показати способи його використання;

  • привернути увагу до основної ідеї листа;

  • анімувати кнопку CTA (заклик до дії);

  • просто розважити клієнта.

Виявляйте креативність і прикрашайте листи яскравою анімацією!

Створюйте анімовані листи за допомогою Stripo
Чи була ця стаття корисна?
Tell us your thoughts
Дякуємо за ваш відгук!
12 коментарів
Wolfe Perry 1 year ago
I think it's cool how Uber and Alit use animated GIFs in their emails; they're redactle minimalistic yet visually appealing.
Gianluigi Cannavaro 2 years ago
These Examples of animated GIFs are the basics of what you can use in newsletters to improve them, and it's great they're so simple and interesting at the same time.
Tooky Tooker 2 years ago
Not sure if I'm a fan of Ghirardelli and Monica Vinader's Animated GIFs in Emails because they look too simple, but I guess they are actually useful in some cases.
Ernest Candace 2 years ago
I'd say that Animated GIFs in Emails are a great way to provide info for subscribers, you just need to make sure that they're actually good-looking.
Johnny Quid 2 years ago
Isn't it distracting to use Animated GIFs in Emails? I thought about that, but for some reason, I changed my mind, and I'm not sure if it's actually worth it.
Elena Adler 2 years ago
I like that the Animated GIFs in Emails of Uber and Alit are so simple yet attractive, that's pretty stylish.
Jeremy Soul 2 years ago
Animated GIFs in Emails are actually interesting, they can make an email look pretty creative. I'm glad I stumbled upon this article, now I'll definitely add something like that!
Alexander Drache 2 years ago
I'm not surprised that the CB2 one is so interesting, these guys are pretty creative. Animated GIFs in Emails are definitely not their weakest side.
Milky Floor 2 years ago
I've seen the forever 21 one, and I like that these Animated GIFs in Emails are pretty simple yet attractive and catchy.
Brigit Krüger 2 years ago
Chubbies' animated GIF looks really cool, I like that it's so dynamic and actually useful. It's great when Animated GIFs in Emails can help potential clients.
Stan Fellon 2 years ago
I like the one with the clocks, it looks so minimalistic and stylish. Examples of animated GIFs help a lot when you're working on newsletters, so thanks for the post!
Lucya Smit 2 years ago
Animated GIFs in Emails, Examples of animated GIFs
Тип
Індустрія
Сезони
Інтеграції
Редактор Stripo
Спростіть процес створення листів.
Плагін Stripo
Інтегруйте Drag-n-Drop редактор Stripo у свій веб-додаток.
Замовити власний шаблон
Наша команда може розробити і зверстати його для вас. Просто заповніть бриф, і ми зв'яжемося з вами найближчим часом.

Редактор Stripo

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

Плагін Stripo

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