Gebote und Verbote für das E-Mail-Design

Don'ts

• Verwenden Sie kein einzelnes Bild für Ihre E-Mails; Viele E-Mail-Clients zeigen Bilder nicht automatisch an.
• Fügen Sie in Ihrer E-Mail nirgendwo einen langen Textblock ein. Unterteilen Sie den Inhalt stattdessen in prägnante Abschnitte.
• Machen Sie Ihre E-Mails nicht zu lang. Einige E-Mail-Clients schneiden lange Nachrichten ab (Gmail beispielsweise schneidet alle Nachrichten ab, die größer als 102 KB sind). Beschnittene Nachrichten sind nicht nur schlecht für Marketing und Weiterleitung, sondern können auch gegen die CAN-SPAM-Regeln verstoßen, da sie Abmeldelinks verbergen.
• Packen Sie nicht alles, was Ihnen einfällt, in Ihre E-Mails; Verwenden Sie stattdessen E-Mails als Tools, um Klicks für weitere Informationen und Käufe zu motivieren.
• Verwenden Sie keinen dunklen, gemusterten oder bildlichen Hintergrund für Ihre Inhalte (es ist in Ordnung, einen dunklen Hintergrund hinter einem helleren Hauptinhaltsbereich zu haben, was Ihre E-Mail hervorheben kann, obwohl er nicht in allen E-Mail-Clients angezeigt wird).
• Machen Sie Ihr Layout nicht zu voll – halten Sie Ihre E-Mails einfach mit leicht verständlichen Zusammenfassungen und klaren Handlungsaufforderungen.

Farbtipps per E-Mail

Ihre Wahl der E-Mail-Farbe kann dazu beitragen, dass Ihre Marke und Ihre Botschaft hervorstechen. Es macht zwar Spaß, mit Farben zu experimentieren, aber Ihre Entscheidungen sollten strategisch sein.

DOS

• Begrenzen Sie die Anzahl der Farben, die Sie verwenden (Sie können die Farben Ihrer Marke und Website anpassen oder Farben auswählen, die für Ihre aktuelle Werbeaktion spezifisch sind).
• Kontrastieren Sie dunklen Text mit hellem Hintergrund.
• Füllen Sie Kopf- und Fußzeilen bei Bedarf mit Ihrer Primärfarbe oder verwenden Sie farbige Linien, um sie vom Inhalt des Hauptteils zu trennen.
• Verwenden Sie Bilder, um Ihrem E-Mail-Design zusätzliche Farben hinzuzufügen.

Das Rot und Gelb in der E-Mail von Dr. Martens unten fügt einen schönen Farbtupfer hinzu und ergänzt die schwarzen und weißen Elemente des Designs. Die begrenzte Farbpalette lenkt die Aufmerksamkeit des Lesers auf die Kopie, während ein lebhafteres Design den Fokus von den wichtigsten Informationen ablenken könnte.

Don'ts

• Verwenden Sie keinen farbigen Fließtext – halten Sie ihn schwarz oder dunkelgrau.
• Verwenden Sie keinen dunklen Hintergrund für Ihren Hauptinhaltsbereich.
• Verwenden Sie nicht mehr als zwei Farben in Ihrem Design (mehrfarbige Logos und Bilder sind in Ordnung).
• Verwenden Sie keine Farben, die kollidieren oder anderweitig unattraktiv sind.

E-Mail-Schriftarten und Typografie-Tipps

Halten Sie die Typografie für lesbare E-Mails, die die Leser ansprechen, einfach.

DOS

• Verwenden Sie in Ihrer E-Mail nur eine oder zwei Schriftarten.
• Verwenden Sie serifenlose Schriftarten für Fließtext; für Überschriften und Zwischenüberschriften können entweder serifenlose oder Serifenschriften verwendet werden.
• Verwenden Sie einfache, leicht lesbare, websichere Schriftarten. Beispiele sind Open Sans, Helvetica, Courier, Raleway, Droid Serif, Arial, Tahoma, Times New Roman, Georgia und Trebuchet MS.
• Für eine optimale Lesbarkeit sollten Fließtextschriften auf 14 bis 16 Punkt und Überschriften auf 22 bis 24 Punkt eingestellt werden.
• Verwenden Sie Schriftarten, die zu Ihrem Branding und Ihrer Botschaft passen.

Domino's hat Spaß an den Schriftarten, die sie in dieser E-Mail verwenden. Aber auch ihr stärker stilisierter Text ist gut lesbar.

Don'ts

• Verwenden Sie Schreibschriften oder andere ausgefallene Schriftarten, die schwer lesbar sein können.
• Verwenden Sie benutzerdefinierte Schriftarten, die möglicherweise nicht auf allen Geräten korrekt wiedergegeben werden.
• Verwenden Sie farbige Schriftarten, außer für Kopfzeilen (dunkelgrau oder schwarz eignen sich am besten für Fließtexte).

E-Mail-Emojis-Tipps

Die Verwendung von Emojis durch Marken ist in der digitalen Kommunikation im Jahresvergleich um 609 Prozent gestiegen. Hier erfahren Sie, wie Sie sie richtig verwenden.

DOS

• Integrieren Sie Emojis, um Platz zu sparen und dennoch mehr in E-Mail-Betreffs zu sagen (halten Sie Ihre Betreffs unter der „magischen“ Schwelle von 49 Zeichen).
• Verwenden Sie Emojis, um E-Mail-Betreffs in den Posteingängen der Empfänger hervorzuheben.
• Verwenden Sie nur relevante Emojis, die helfen, Ihre Botschaft zu vermitteln und Begeisterung zu erzeugen.
• Fügen Sie Persönlichkeit mit Emojis in Anreden und Signaturen hinzu.
• Verwenden Sie Emojis, um Angebote und Sonderangebote im Fließtext hervorzuheben.

Die obige Betreffzeile von Tarte Cosmetics mit zwei Ananas-Emojis war der perfekte Einstieg in eine E-Mail über ihre neue Make-up-Palette in Ananasform:

Don'ts

• Verwenden Sie Emojis nicht zu oft – sie sollten als sinnvolle Akzente dienen, nicht als Hauptteil Ihrer Botschaft.
• Verwenden Sie keine verwirrenden Emojis. Halten Sie sich an Emojis, die allgemein bekannt sind: Smileys, Kaffeetassen usw.
• Verlassen Sie sich nicht ausschließlich auf Emojis, um wichtige Punkte hervorzuheben. Sie werden möglicherweise nicht in allen E-Mail-Clients korrekt wiedergegeben, daher sollten sie verwendet werden, um Ihre Botschaft zu verstärken.

Bildtipps per E-Mail versenden

Bilder sagen mehr als tausend Worte, aber in E-Mails sollten sie in Maßen verwendet werden.

DOS

• Speichern Sie Bilder mit 72 ppi/dpi und optimieren Sie sie für das Web, um E-Mails schnell zu laden.
• Verwenden Sie JPG- und PNG-Bilder in E-Mails. Verwenden Sie GIFs sparsam und nur, wenn sie nicht zu groß sind.
• Versetzen Sie Bilder und Text für ein sauberes, leicht verständliches Layout.
• Verwenden Sie überzeugende Bilder, die Begehren wecken und Ihre Geschichte erzählen: Ihre Produkte im Einsatz zum Beispiel oder zufriedene Kunden.
• Verwenden Sie Alternativtext für Bilder, damit Leser lesen können, worum es in Ihren Bildern geht, wenn ihre E-Mail-Clients sie nicht anzeigen. Guter Alt-Text motiviert dennoch zu Klicks.
• Größe von Bildern für Retina-Displays (doppelt so groß wie normale Displays).

Die folgende E-Mail von Whosits & Whatsits verwendet hochwertige Bilder, um für seine neue Hutlinie zu werben. Die Modelle werden in Aktion gezeigt, was die Fotos zum Leben erweckt.

Diese E-Mail von Whosits & Whatsits verwendet hochwertige Bilder, um für seine neue Hutlinie zu werben. Die Modelle werden in Aktion gezeigt, was die Fotos zum Leben erweckt.

Don'ts

• Verwenden Sie Bilder nicht als Ihre gesamte E-Mail, da sie möglicherweise nicht automatisch in vielen E-Mail-Clients angezeigt werden.
• Verwenden Sie keine Bilder für Call-to-Action-Schaltflächen, da diese möglicherweise nicht gerendert werden.
• Verlassen Sie sich nicht auf Bilder, um Ihre Geschichte zu erzählen; Es geht bei E-Mail-Clients verloren, die Bilder nicht automatisch rendern.
• Verwenden Sie keine komplexen oder verwirrenden Bilder, die die Gefahr bergen, Kunden abzuschrecken.
• Vergrößern Sie die Bildgröße für E-Mails nicht – verkleinern Sie sie immer für gestochen scharfe, fesselnde E-Mail-Bilder.

E-Mail-Call-to-Action (CTA)-Tipps

Ihr CTA fördert den E-Mail-Erfolg. Stellen Sie mit diesen Tipps sicher, dass es effektiv ist.

DOS

• Machen Sie Ihren Call-to-Action zu einer farbigen Schaltfläche, die sich vom Rest Ihrer E-Mail-Inhalte abhebt.
• Halten Sie Ihren CTA-Text kurz und aussagekräftig: Kaufen Sie jetzt, erfahren Sie mehr, lesen Sie mehr usw. Schauen Sie sich diese Liste mit 50 Handlungsaufforderungen an, die für mehr Ideen verkaufen.
• Platzieren Sie Ihren ersten CTA „above the fold“ und wiederholen Sie ihn bei Bedarf darunter (zwei oder drei CTAs pro E-Mail sind eine gute Faustregel).
• Machen Sie Ihre Schaltflächen groß genug, damit die Leser sie nicht übersehen.

Die dunkelgrauen Call-to-Action-Schaltflächen von Uniqlo befinden sich „above the fold“ und heben sich vom hellen Hintergrund der E-Mail ab:

Don'ts

• Überladen Sie Ihre E-Mail nicht mit verschiedenen Handlungsaufforderungen. Konzentrieren Sie sich stattdessen darauf, die Leser zu einer einzigen Aktion zu bewegen. Wenn Sie mehr haben, senden Sie mehr als eine E-Mail.
• Begraben Sie Ihren Aufruf zum Handeln nicht. Sie möchten, dass Ihr CTA auffällt, bemerkt und angeklickt wird.
• Weichen Sie nicht von Ihrem Thema ab. Ihr CTA sollte auf Ihr Thema abgestimmt sein, damit die Leser wissen, was sie erwartet, wenn sie Ihre E-Mail öffnen, und um die CAN-SPAM-Vorschriften einzuhalten (keine Trickserei!).

E-Mail-Kopf- und Fußzeilentipps

Erzielen Sie mit diesen Tipps zum Entwerfen von E-Mail-Kopf- und Fußzeilen ein professionelles Erscheinungsbild.

DOS

• Integrieren Sie Ihr Logo oder Ihren Firmennamen in Ihre Kopfzeile, um Ihre Marke zu identifizieren.
• Fügen Sie Teaser-Text vor Ihrem Header hinzu, der in vielen E-Mail-Clients in der Betreffzeile angezeigt wird und Ihnen eine weitere Möglichkeit gibt, Öffnungen zu beeinflussen.
• Wenden Sie für ein einheitliches Branding dieselbe Kopf- und Fußzeile auf alle Kampagnen an.
• Fügen Sie Kontaktinformationen, zusätzliche Ressourcen wie Social-Media-Links und Mehrwert-Links, Links zum Abbestellen und jegliches rechtliche Kleingedruckte in die Fußzeile ein.

In der unten stehenden Werbe-E-Mail ist das Lucky Brand-Logo das erste, was Sie sehen, wenn Sie es öffnen. Auch Social-Media-Links bindet der Bekleidungshändler immer in seine E-Mail-Footer ein.

Don'ts

• Erstellen Sie kein komplexes Design für Ihre Kopf- oder Fußzeile – halten Sie es einfach, damit die Leser das Wesentliche Ihrer E-Mail erkennen können.
• Fügen Sie Ihrer Kopf- oder Fußzeile nicht viel Navigation hinzu. Vereinfachen Sie so viel wie möglich, damit Sie Ihre E-Mails effektiv brandmarken können, ohne Ihrer Botschaft im Wege zu stehen.
• Fügen Sie nicht zu viel Text in Ihre Kopf- oder Fußzeile ein – auch hier ist Einfachheit der Schlüssel.

Wenn Sie am E-Mail-Design basteln, denken Sie daran, dass es am besten ist, dafür zu sorgen, dass neue Designelemente auf allen Plattformen und in jedem Browser richtig aussehen. Glücklicherweise macht das Testkit von VerticalResponse diesen Teil einfach. Und mit diesen Tipps können Sie überzeugende E-Mails entwerfen, die geöffnet werden, Klicks motivieren und den Verkauf ankurbeln.