15 großartige Beispiele für animierte GIFs in E-Mails

GIFs im E-Mail-Marketing sind ein vielseitiges Werkzeug, mit dem Marken Produkte präsentieren, Veranstaltungen bewerben und ihre Persönlichkeit auf dynamische Weise zum Ausdruck bringen können. Ein gut gestaltetes GIF schafft einen auffälligen Blickfang, der die Empfänger dazu animiert, mit Ihrer E-Mail zu interagieren.

Wir freuen uns, Ihnen einige der besten Beispiele für GIF-Animationen vorstellen zu können, die Ideen effektiver vermitteln als statische Bilder.

Wichtige Erkenntnisse

1. Strategisches Storytelling: GIFs sind ein wirkungsvolles Mittel, um E-Mails visuell ansprechender zu gestalten und ihnen eine Markenpersönlichkeit zu verleihen. Nutzen Sie sie, um Produktmerkmale effektiv hervorzuheben, die Funktionsweise eines Produkts zu demonstrieren oder Begeisterung für Sonderangebote zu wecken.
2. Bewährte Verfahren für die Leistung: Um ein positives Nutzererlebnis zu gewährleisten, sollten Sie Ihre GIFs auf maximal drei Bilder pro Sekunde beschränken und sie komprimieren, bevor Sie sie in Ihre E-Mail einfügen. Wir empfehlen, nur ein GIF pro E-Mail zu verwenden, um die Nachricht schlank zu halten.

Beispiele für animierte GIFs in E-Mails

Jedes GIF in den folgenden E-Mail-Kampagnen erfüllt einen bestimmten Zweck — von der Präsentation von Produkten und der Hervorhebung von Funktionen bis hin zur Übermittlung spielerischer Einladungen zu Veranstaltungen oder dem Erzählen einer Geschichte mit animiertem Text, der in einem einfachen Textblock möglicherweise übersehen worden wäre.

1. Adidas

Adidas nutzte E-Mail-Animationen, um seine Farboptionen zu präsentieren. Das sieht ordentlich und schlicht aus, ist aber dennoch beeindruckend. GIFs sparen Ihnen viel wertvollen Platz in Werbe-E-Mails.

(Quelle: E-Mail von Adidas)

2. Stripo

Animationen in E-Mails dienen nicht nur dazu, die Empfänger zu unterhalten und ihre Aufmerksamkeit zu erregen. Stripo hat beispielsweise ein GIF verwendet, um zu demonstrieren, wie die Funktion „Smart Elements” die Entwicklung von E-Mails beschleunigt.

(Quelle: E-Mail von Stripo)

3. Ghirardelli

Anstatt mehrere große, auffällige Banner zu erstellen, können Sie alle erforderlichen Produktbilder in einer einzigen GIF-Datei zusammenfassen. Durch diesen Ansatz bleiben E-Mails übersichtlich und können dennoch eine Vielzahl von Bildern präsentieren, wie beispielsweise diese DIY-Geschenkideen von Ghirardelli.

(Quelle: E-Mail von Ghirardelli)

4. Chubbies

Chubbies findet immer einen Weg, sich von der Masse abzuheben, selbst wenn es darum geht, zu zeigen, wie man ihre neuen Jacken umdreht. Stellen Sie sich vor, Sie lesen eine einfache Textbeschreibung von wendbaren Fleecejacken — das könnte niemals so ansprechend sein wie dieses GIF im Stop-Motion-Stil, das den Empfängern das Design sofort verständlich macht.

(Quelle: E-Mail von Chubbies)

5. Forever 21

Dieses GIF fängt die Aufregung des Black Friday perfekt ein. Es imitiert eine digitale Rubbelkarte, enthüllt die Rabatte und regt die Empfänger dazu an, sich durchzuklicken, um das vollständige Angebot zu sehen.

(Quelle: E-Mail von Forever 21)

6. CB2

CB2 hat eine unterhaltsame Möglichkeit gefunden, für seine Dienstleistungen zu werben. Die Möbel- und Einrichtungsmarke verwendete in ihrer E-Mail ein animiertes GIF, um auf den kostenlosen Versand hinzuweisen. Das GIF eignet sich gut für E-Mails, und der lustige Hund wird die Leser sicherlich zum Lächeln bringen, wenn sie die E-Mail öffnen.

(Quelle: E-Mail von CB2)

7. Quartz

Lesen Sie gerne? Quartz hat dafür gesorgt, dass Sie den Inhalt des Buches sofort sehen konnten, als Sie die neue E-Mail öffneten! Hier können Sie einen kurzen Blick auf das Layout und die Illustrationen des Buches werfen.

Wichtig: Wäre die Animation etwas langsamer, wäre das GIF noch effektiver, da die Empfänger den Text lesen und die Wahl der Schriftart besser würdigen könnten.

(Quelle: E-Mail von Quartz)

8. Monica Vinader

Videos steigern zwar nachweislich die Konversions rate,ihre Produktion erfordert jedoch oft mehr Zeit und Ressourcen. Monica Vinader hat eine einfache Alternative gefunden: ein GIF mit zwei Bildern, das sowohl das Armband selbst als auch dessen Wirkung am Handgelenk eines Models zeigt.

(Quelle: E-Mail von Monica Vinader)

9. Alit

Alit hat eine clevere Methode gefunden, um seinen neuen Wein mithilfe eines animierten GIFs in seinen E-Mails vorzustellen. Ohne das GIF wäre die Produktbeschreibung langweilig gewesen und die Abonnenten hätten möglicherweise die einzigartige Botschaft der Marke übersehen.

Dies ist ein guter Hinweis darauf, dass animierter Text sich perfekt für kurze Einführungen oder einfache Anleitungen eignet.

(Quelle: E-Mail von Alit)

10. Loft

Loft verfolgte einen spielerischen Ansatz, indem es den tatsächlichen Rabatt in seiner Werbe-E-Mail versteckte. Während das GIF abgespielt wird, öffnet sich allmählich ein Vorhang, um den Rabattprozentsatz zu enthüllen, stoppt jedoch kurz bevor die Zahl erscheint, sodass die Betrachter weiterklicken müssen, um mehr zu erfahren.

(Quelle: Pinterest)

11. Stripo

Mit unserer in Stripo erstellten Halloween-E-Mail wollten wir bei unseren Empfängern Neugier und Spannung wecken. Das Design zeichnet sich durch ein auffallend gruseliges GIF, dunkle Bilder von menschlichen Figuren und Links zur Veranstaltungsseite und zum Veranstaltungsort aus. Die Kombination aus Lila und Schwarz erinnert an die Abenddämmerung, während für den Text im GIF eine strukturierte, verzerrte Schriftart verwendet wird, die ihm eine eindringliche, unheimliche Atmosphäre verleiht.

(Quelle: Stripo-Vorlage)

12. Lyft

Lyft präsentierte seinen Elektroroller in einem GIF, das dessen dynamisches Fahrverhalten und Manövrierfähigkeit zeigt. Der Zweck besteht jedoch nicht nur darin, zu demonstrieren, wie gut sich der Roller lenken lässt — das GIF weist die Empfänger vielmehr auf die Sicherheitsmaßnahmen hin, deren Einhaltung Lyft von ihnen erwartet.

(Quelle: E-Mail von Lyft)

13. Everlane

Everlane nutzte ein auffälliges, minimalistisches GIF, um seine Nachhaltigkeitsbemühungen hervorzuheben. Große Wörter erscheinen nach und nach, um eine einzige Tatsache zu vermitteln — „Bis Sie diese E-Mail zu Ende gelesen haben, werden eine Million neue Plastikflaschen hergestellt worden sein“, wodurch die Auswirkungen auf die Umwelt sofort deutlich werden. Wäre dies nur ein statischer Textblock, wäre die Botschaft bei weitem nicht so wirkungsvoll wie ein GIF.

(Quelle: E-Mail von Everlane)

14. Charity Water

Charity Water verwendete in dieser E-Mail ein GIF als Video-Miniaturansicht, um sicherzustellen, dass die Empfänger darauf aufmerksam werden und darauf klicken, um sich das Anleitungsvideo anzusehen.

(Quelle: E-Mail von Charity Water)

Wichtig: Mit Stripo können Sie Ihren Videos beliebige benutzerdefinierte Miniaturbilder hinzufügen. Eine Anleitung finden Sie im unten angegebenen Blogbeitrag.

Das könnte Sie auch interessieren

Wie fügt man ein Video zu einer E-Mail hinzu?

15. Chubbies

Die Bekleidungsmarke nutzte diese animierte E-Mail, um die Aufmerksamkeit der Kunden auf ihre großen Rabattaktionen zu lenken. Dieses niedliche GIF zeigt Geld, das aus einer fröhlichen, lächelnden Wolke herabregnet — eine spielerische Anspielung auf die Ersparnisse für Käufer (oder vielleicht auch nur auf das Geld, das in die Taschen von Chubbies fließt), wenn die Preise fallen.

(Quelle: E-Mail von Chubbies)

Anforderungen und Empfehlungen für GIFs in E-Mails

Damit Ihre GIFs in E-Mails funktionieren, sollten Sie einige technische Anforderungen und bewährte Verfahren beachten.

Größe

Die optimale Dateigröße für ein GIF in einer E-Mail liegt zwischen 500 KB und 1 MB. Größere GIFs können länger zum Laden brauchen, daher empfiehlt es sich, die Datei zu komprimieren, bevor Sie sie Ihrer E-Mail hinzufügen.

Geschwindigkeit

Gestalten Sie Ihre animierten GIFs nicht zu schnell — maximal drei Bilder pro Sekunde. Schnell blinkende Muster können bei Menschen mit photosensitiver Epilepsie oder nicht diagnostizierten Erkrankungen Anfälle auslösen.

Wichtig: Es ist nicht notwendig, ein ganzes Banner zu animieren. Sie können nur einige Elemente zum Leben erwecken, und das GIF sieht trotzdem schön aus.

(Source: Email from Harry’s)

Anzahl der GIFs

Verwenden Sie nicht mehr als ein animiertes GIF in einer E-Mail:

• vermeiden Sie Unannehmlichkeiten für lichtempfindliche Empfänger;
• halten Sie die E-Mail schlank und schnell ladbar;
• einige Versionen von Outlook unterstützen GIFs nicht vollständig. Wenn eine E-Mail mehr als drei GIFs enthält, werden diese von Outlook möglicherweise nicht automatisch animiert, sondern es wird nur das erste Bild mit einer Wiedergabetaste angezeigt.

GIFs funktionieren am besten, wenn sie eine einzelne Idee oder ein Hauptmerkmal hervorheben. Wenn Ihr Ziel darin besteht, den Umsatz zu steigern, verwenden Sie das GIF, um den wichtigsten Vorteil des Produkts zu präsentieren. Möchten Sie die Markenbekanntheit oder -loyalität steigern? Verwenden Sie GIFs, um die Persönlichkeit und Werte Ihrer Marke zu demonstrieren. Animierter Text, Bewegungsgrafiken oder Sequenzen, die die Herkunft des Produkts oder ethische Praktiken hervorheben, können vermitteln, was Ihre Marke einzigartig und unvergesslich macht.

Alt-Text

Einige Empfänger deaktivieren bewusst die Anzeige von Bildern und GIFs, andere haben möglicherweise eine langsame Internetverbindung. Infolgedessen sehen sie das GIF selbst nicht, aber sie können den Alt-Text sehen — sofern dieser hinzugefügt wurde. Es ist wichtig, dass dieser Text den Inhalt des Bildes genau und prägnant beschreibt.

Das Hinzufügen von Alt-Text ist auch für die Barrierefreiheit von E-Mails von entscheidender Bedeutung. Die meisten E-Mail-Builder oder E-Mail-Marketing-Softwareprogramme ermöglichen es Ihnen, diesen Text einfach einzufügen.

Der erste Frame ist entscheidend

Da bestimmte E-Mail-Clients GIFs nicht vollständig unterstützen und nur den ersten Frame als statisches Bild anzeigen, ist es wichtig, dass dieser erste Frame die Hauptbotschaft Ihrer E-Mail-Kampagne vermittelt.

E-Mail-Clients, die GIFs unterstützen

Die meisten modernen E-Mail-Clients unterstützen GIF-Bilder. Es gibt jedoch Ausnahmen: Microsoft Outlook 2007–2016 und Windows Phone 7 zeigen keine Animationen an, sondern nur das erste Bild des GIFs. Beachten Sie dies bei der Gestaltung Ihrer GIFs.

Hier ist die Liste der E-Mail-Clients, die animierte GIFs unterstützen:

Desktop-Clients

• Lotus Notes (6, 7, 8);
• Outlook 2000–2003;
• Outlook für Mac;
• Apple Mail;
• Windows 10 Mall;
• Outlook 365.

Webmail-Clients

• Gmail;
• G Suite;
• Yahoo!Mail;
• AOL;
• Outlook.com.

Mobile Clients

• iOS Mail;
• Android (nativ);
• Android (Gmail);
• Blackberry.

Zusammenfassung

Animierte Sequenzen vermitteln ein Gefühl für Größe, Textur oder Design, das einfache Bilder nicht vermitteln können. Hier sind einige Beispiele dafür, was sie leisten können:

• ihr Produkt aus jeder Perspektive hervorheben oder seine Funktionen und Vielseitigkeit präsentieren;
• demonstrieren, wie ein Produkt funktioniert oder wie seine neuen Funktionen genutzt werden können;
• markenwerte, Persönlichkeit oder Nachhaltigkeitsbemühungen auf visuell ansprechende Weise präsentieren;
• rabatte, Sonderverkäufe oder Sonderangebote auf spielerische, interaktive Weise ankündigen;
• ihren E-Mails Persönlichkeit und Unterhaltungswert verleihen, damit sie einprägsam und ansprechend sind.

Wir hoffen, dass unsere Zusammenstellung animierter GIFs und Empfehlungen zu deren Verwendung in E-Mails Ihnen dabei helfen wird, neue Meilensteine zu erreichen. Werden Sie kreativ und hinterlassen Sie mit Ihren E-Mail-Marketingkampagnen einen bleibenden Eindruck!