Expires In

14 : 14 : 14 : 14

Copy Discount Code

stripoBF22

Greatest Examples of GIF animations in Emails_Cover Image
timer ~ 10 хв читати
82430 перегляди
оцінити
27 жовтня 2021

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

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

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

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

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

1. Adidas

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

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

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

2. Stripo

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

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

3. Ghirardelli

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

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

Або ось іще класна альтернатива таким гіфкам: AMP-карусель.

Зробіть промо-лист лаконічним за допомогою AMP-каруселі
Розпочати

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

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

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

10. Alit

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

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

Як бачимо, на певному етапі буде цілком доречно анімувати текст короткого вступу або мануалу. Це мотивує одержувачів переглянути ваше повідомлення до кінця.

11. Loft

(Джерело: Pinterest)

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

12. Stripo

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

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

Виберіть цей шаблон з GIF-анімацією
Використати

13. Lyft

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

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

14. Everlane

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

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

15. Stripo

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

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

Важливо:

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

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

13 min read

49721 views 4.6

How to Add Video in Email with Stripo Читати далі

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

  • Mail.ru.

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

  • iOS Mail;

  • Android (native);

  • Android (Gmail);

  • Blackberry.

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

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

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

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

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

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

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

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

Створюйте анімовані листи за допомогою Stripo!

Wolfe Perry 1 місяць тому

I think it's cool how Uber and Alit use animated GIFs in their emails; they're redactle minimalistic yet visually appealing.

Gianluigi Cannavaro 5 місяців тому

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 5 місяців тому

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 5 місяців тому

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 5 місяців тому

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 5 місяців тому

I like that the Animated GIFs in Emails of Uber and Alit are so simple yet attractive, that's pretty stylish.

Jeremy Soul 5 місяців тому

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 5 місяців тому

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 5 місяців тому

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 5 місяців тому

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 5 місяців тому

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 5 місяців тому

Animated GIFs in Emails, Examples of animated GIFs

Вас також може зацікавити

Попередні статті Наступні статті
banner9
06 червня · 15 хв читати
ТОП-10 email-редакторів 2022 року

Усі конструктори email-шаблонів вам здаються однаковими? І ви вагаєтесь із вибором найкращого інструменту для своїх кампаній, чи не так? Не дивно, адже цих інструментів дуже багато. Тож давайте зробимо огляд найпопулярніших конструкторів, аби виділити їхні відмінності й допомогти вам у пошуку ідеального HTML-редактора шаблонів для ваших поточних потреб. Я спробую створити однакові шаблони з ідентичними медіа-файлами у кожному редакторі, щоб побачити, чим відрізняються ці інструменти. Найкращі конструктори email-шаблонів Для нашого огляду ми обрали такі редактори: Stripo, HubSpot, Campaign Monitor, AWeber,...

Дизайн Маркетинг Шаблон
best-fonts-for-email-cover-image-stripo
24 травня · 18 хв читати
Найкращі шрифти для розсилок: поради та хитрощі

Одна з найсерйозніших проблем під час створення електронних листів — правильно вибрати шрифт. Вага, висота, ширина, колір, форма, інтервал... Чи справді тут все має значення? Так, важливим є все, але найголовніша умова — вибрати читабельний шрифт. У цій статті ми розповімо, як вибрати найкращий професійний шрифт для розсилки. Створюйте елегантні листи за допомогою Stripo в найкоротші терміни, використовуючи наші готові шаблони Ознайомитися   Шрифти HTML-листів: основні правила, яких треба дотримуватися Вибираючи оптимальний шрифт, слід враховувати три базових правила: 1. Не...

Дизайн Маркетинг
Greatest Examples of GIF animations in Emails_Cover Image
27 жовтня 2021 · 10 хв читати
16 найкращих прикладів GIF-анімацій у розсилках

GIF-анімації в електронних листах стануть у великій нагоді, якщо ви бажаєте продемонструвати свою продукцію, привернути увагу користувачів до певних елементів листа або просто трохи прикрасити свій текст. У цій статті ми підготували для вас добірку найкращих прикладів таких анімацій. Приклади GIF-анімацій в email-розсилках Отже, ось наша компіляція найбільш вдалих прикладів використання GIF-файлів у листах. У кожному з них гіфка виконує свою місію. 1. Adidas (Джерело: лист від Adidas) Adidas застосували в листі анімацію, щоб показати доступні кольорові версії товару. Виглядає...

Дизайн Маркетинг
08 квітня 2021 · 17 хв читати
Дизайн підпису в листах: 14 найкращих прикладів

Гарні підписи листів допомагають нам розвивати бізнес та справляти позитивне враження на клієнтів. Оскільки підпис листа — це останнє, що люди бачать у повідомленнях електронної пошти, ми повинні робити його креативним і незабутнім. Давайте розглянемо найкращі приклади підписів у листах та їхнє правильне використання в особистих листуваннях та розсилках. Зверніть увагу, що для всіх видів бізнесу потрібні різні професійні підписи до листів з детальною контактною інформацією. Використовуйте цей шаблон підпису листа, щоб швидше створити власний Використати Цей підпис листа добре...

Дизайн Маркетинг Шаблон
Будьте завжди в курсі останніх новин у сфері email-маркетингу