DE
English
Español
Français
Italiano
Português
Die goldene Regel im E-Mail Marketing lautet: Das Auge liest immer mit. Deshalb gilt: Nicht nur der Newsletter-Inhalt ist wichtig, sondern auch das Newsletter Design macht mindestens die halbe Miete Ihres Erfolgs aus.
Denn ein hübsches Newsletter Design und Layout laden zum Weiterscrollen ein, machen neugierig auf mehr und animieren schließlich zum Kaufen, zum Download, zur Registrierung oder was auch immer Sie sich von Ihren Abonnent:innen wünschen.
Erfahren Sie in diesem Blogartikel, mit welchen 8 Tipps und Tricks Sie Newsletter gestalten, die garantiert gut ankommen.
Inhaltsverzeichnis
HTML als Basis für ein professionelles Newsletter Design
Haben Sie sich beim Begriff HTML E-Mail kurz erschreckt und erwarten nun eine komplizierte Fachanleitung, wie Sie HTML im Newsletter Layout umsetzen? Keine Sorge! Wir haben eine simple Lösung für Sie parat. Das Format HTML bildet im Prinzip die Grundlage für ansprechende Newsletter.
Zugegeben, das Schreiben eines Codes kann ohne ausgeprägte Programmierkenntnisse sehr mühselig sein. Die gute Nachricht: Professionelle E-Mail Marketing Softwares bieten intuitiv bedienbare Editoren, mit denen Sie ganz einfach per Drag and Drop Newsletter erstellen können. Element reinziehen, platzieren, fertig.
Noch schneller geht das Gestalten mit Newsletter-Vorlagen, die Sie individuell anpassen und immer wieder verwenden können. Bei Sendinblue haben Sie beispielsweise Zugriff auf über 70 Vorlagen – viele davon sind auch bereits im kostenlosen Paket erhältlich. Hier ein kleiner Einblick in unsere Vorlagengalerie:
Erfahren Sie hier, wie Sie Schritt für Schritt eine HTML-E-Mail erstellen.
8 Tipps für schöne und professionelle Newsletter
Regel Nummer eins: Behalten Sie bei allem, was Sie tun, stets Ihr Kampagnenziel und Ihre Zielgruppe im Hinterkopf. Denn das Design kann je nach Ziel und Zielgruppe stark variieren.
Ein guter Newsletter sollte Empfänger:innen immer zu einer bestimmten Aktion bewegen. Meistens stehen dabei Conversions im Mittelpunkt, also Online-Shop-Käufe, Buchungen oder Registrierungen.
Das gesamte Newsletter Design und Layout sollten dementsprechend auf die Aktion, die Leser:innen vollziehen sollen, ausgerichtet sein. Das wird auch als Conversion Centered Design bezeichnet. Dazu gehört, dass die einzelnen Elemente des Newsletters so gestaltet sind, dass zur Conversion führende Call to Actions leicht zu finden sind.
Lesen Sie hier, wie Sie das perfekte E-Mail Layout erstellen und dieses in Ihre eigene E-Mail-Vorlage integrieren.
Tipp 1: Call to Action Buttons
Das wohl klassischste Ziel im E-Mail Marketing ist die Conversion. Hierfür ist eine klare Handlungsaufforderung mithilfe eines Call to Action (CTA) Buttons absolut essentiell.
Heben Sie CTAs deshalb als solche hervor, indem Sie sie farblich markieren oder eine außergewöhnliche Form verleihen. Kontrastfarben erregen besonders viel Aufmerksamkeit. Nutzen Sie hier zum Beispiel Komplementärkontraste (rot-blau, grün-gelb) oder Signalfarben.
Zur Inspiration hier ein paar Beispiele für gute CTAs:
- Jetzt Angebot sichern
- Jetzt kostenlos starten
- 30 Tage kostenlos testen
- Jetzt E-Book herunterladen
- Jetzt kaufen
- Mehr erfahren
Achten Sie unbedingt darauf, dass die Handlungsaufforderung im direkten Zusammenhang mit Ihren Verkaufsargumenten (USPs) steht. Ein CTA zum E-Book Download macht wenig Sinn, wenn dieses “Zum Winter-Sale” lautet.
Bringen Sie bereits im CTA Button den Mehrwert unter. Also bei einem Whitepaper Download könnte dieser lauten: “Jetzt lesen und aufschlauen”.
Lassen Sie Ihrer Kreativität freien Lauf! Je ausgefallener und einfallsreicher Ihr CTA ist, umso höher sind die Chancen auf erfolgreiche Conversions.
Tipp 2: Ein guter Anfang setzt den Ton
Stellen Sie sich Ihren Bildschirm in verschiedene Bereiche geteilt vor. Der Above-the-Fold-Bereich ist der Bereich, den Sie ohne zu scrollen sehen können. Hier finden sich die wichtigsten Informationen, also quasi das Herzstück Ihres E-Mail Designs.
Ein guter Newsletter-Aufbau mit einladendem Header-Bild, eine knackige Headline und eine ansprechende Farbgestaltung erregen die Aufmerksamkeit und laden zum Weiterscrollen ein. Der Above-the-Fold-Bereich ist außerdem das Zuhause Ihres Call-to-Actions, also dem Button, der per Klick zu einer Aktion aufrufen soll.
Tipp 3: Behalten Sie die Übersicht
Bei Newsletter Templates gilt: Weniger ist oft mehr.
Überfordern Sie Ihre Empfänger:innen nicht mit zu vielen Elementen wie Bilder, Spalten, Logos und Texten in den verschiedensten Größen und Schriftarten. Für ein Element können Sie diese Regel jedoch getrost brechen: Whitespace.
Whitespace ist der Abstand zwischen den verschiedenen Bausteinen. Je mehr Inhalte integriert werden, desto mehr Whitespace sollte aus Gründen der Übersichtlichkeit zur Verfügung stehen.
Tipp 4: Nutzen Sie visuelle Elemente
Das Teaserbild entscheidet, ob Ihre Empfänger:innen Interesse am Weiterlesen haben oder nicht. Denn ein Foto an erster Stelle des Newsletters fängt die Aufmerksamkeit der Leser:innen ein und macht sie neugierig auf den Inhalt. Das Foto sollte professionell sein und ideal zum Inhalt des Newsletters passen. Der Text im Teaserbild sollte sparsam eingesetzt werden und nicht zu klein sein.
Achten Sie grundsätzlich auf hochwertige Grafiken! Verwenden Sie lieber weniger, aber dafür qualitativ gute Bilder. Wir empfehlen einen Bildanteil von ca. 20-30% und eine Bildbreite von maximal 600 Pixel, um lange Ladezeiten und Darstellungsprobleme zu vermeiden.
Scheuen Sie sich zudem nicht davor, animierte Bilder zu benutzen. GIFs haben gegenüber Videos den eindeutigen Vorteil, dass sie direkt im Newsletter abgespielt werden.
Extra-Tipp: Es ist wichtig, dass Empfänger:innen auf den ersten Blick erkennen, von wem der Newsletter stammt. Ein klar erkennbares Firmenlogo fördert den Wiedererkennungswert und sorgt für mehr Vertrauen. Weiterhin ist es sinnvoll, auf das Logo einen direkten Link zur Website zu setzen.
Und nicht vergessen: Fügen Sie für jedes Bild immer einen ALT-Text (Alternativtext) hinzu. Der hinterlegte Alternativtext ist eine kurze Beschreibung des nicht geladenen Bildes und ist für Ihre Nutzer:innen nicht sichtbar, aber für Suchmaschinen sehr wichtig.
Einen ultimativen Guide zu Bildern in E-Mails finden Sie hier.
Tipp 5: Wir lieben Struktur. Sie auch?
Grafische Elemente wie Trennlinien und Formatierungen grenzen die einzelnen Elemente klar voneinander ab. Stellen Sie sich das E-Mail Layout wie eine Wegbeschreibung vor. Ihre Leser:innen sollten klar durch das Mailing navigiert werden, ohne dabei das Interesse zu verlieren oder Frustration zu entwickeln.
Folgen Sie Ihrem natürlichen Instinkt und bauen Sie eine Struktur von oben nach unten und von links nach rechts auf.
Ein gutes Praxisbeispiel ist der WordPress Newsletter von Kinsta, der rund ums Thema WordPress Hosting für Webseiten informiert. Überzeugend ist hier vor allem das gut strukturierte Layout, die vielen ansprechenden Bilder sowie die prominent platzierten CTA Buttons, die wiederum zu ausführlichen Blog-Artikeln verlinken.
Tipp 6: Oh, Datenschutz!
Spätestens seit dem Inkrafttreten der Datenschutz-Grundverordnung (DSGVO) führt im Newsletter Marketing kein Weg am Datenschutz vorbei. Ein DSGVO-konformer Newsletter muss zum Beispiel immer einen Abmeldelink und das Impressum enthalten.
Zu einem guten Impressum gehören der Name und die Anschrift des Absenders, der Name eines Ansprechpartners und die Kontaktinformationen mit einer gültigen Telefonnummer und E-Mail-Adresse.
Ihre Abonnent:innen müssen sich zudem jederzeit und ohne Hindernisse von Ihrem Newsletter abmelden können. Fügen Sie deshalb jedem Newsletter einen funktionsfähigen Abmeldelink hinzu. Nach dem Klick auf den Abmeldelink sollten Empfänger:innen sofort abgemeldet werden.
Erfahren Sie in dem kostenlosen E-Mail-Marketing-Seminar unserer Sendinblue Academy, wie Sie DSGVO-konforme Newsletter erstellen und welche weiteren Tipps es im E-Mail Marketing zu beachten gibt.
Jetzt kostenlos zum E-Mail-Marketing-Seminar anmelden >>
Tipp 7: Wussten Sie, dass Farben Gefühle haben?
Vielleicht erinnern Sie sich noch an Stimmungsringe aus dem Kaugummi-Automaten, die je nach Gemütszustand die Farbe wechseln. Keine Sorge, ganz so wörtlich müssen Sie es beim Newsletter erstellen nicht nehmen. Es ist jedoch kein Geheimnis, dass Farben Gefühle auslösen können. Unterschätzen Sie daher niemals die Wirkung von Farben.
Bei der Farbgestaltung sollten Sie auf zweierlei Dinge achten. Zum einen sollten Sie immer Ihr Corporate Design, also Ihre Unternehmensfarben und -Schriften im Hinterkopf behalten. Zum anderen sollten Sie sich über die psychologische Wirkung von Farben informieren.
Blau wird zum Beispiel oft von sozialen Medien oder Versicherungsfirmen genutzt, um Vertrauen zu vermitteln. Schwarz wirkt besonders exklusiv und luxuriös. Rot verstärkt die Handlung, weil es als Signalfarbe besonders wahrgenommen wird.
Tipp 8: Gestalten Sie responsive Newsletter
Auch wenn Ihr E-Mail Layout auf Ihrem Bildschirm perfekt gelungen ist, muss das bei Ihren Empfänger:innen noch lange nicht der Fall sein. Testen Sie Ihr Mailing vor dem Newsletter-Versand daher immer in verschiedenen E-Mail Clients, Desktop-Ansichten und Endgeräten, um nicht in die Darstellungsfalle zu tappen.
Zudem rufen viele Nutzer:innen ihre E-Mails heutzutage unterwegs auf dem Handy ab. Ob Smartphone, Tablet oder Desktop – um Ihren Leser:innen heute gerecht zu werden, benötigen Sie ein Newsletter Design, das die Darstellung automatisch an die Bildschirmgröße jedes Endgeräts anpasst.
Wird ein nicht-responsiver Newsletter von einem mobilen Gerät abgerufen, so können erhebliche Darstellungsprobleme entstehen. Diese wirken sich wiederum negativ auf die Öffnungs- und Klickraten aus, weil das Interesse der Empfänger:innen durch die fehlerhafte Darstellung deutlich sinkt.
Glücklicherweise bieten die meisten professionellen Newsletter Tools – Sendinblue inbegriffen – bereits responsive Vorlagen an, die Sie ganz nach Ihrem Gusto bearbeiten können. Responsive Designs haben den Vorteil, dass Ihr Newsletter auf kleineren Bildschirmen genauso gut aussieht wie auf großen Monitoren.
Extra-Tipp: Möglichst direkt am Anfang des Newsletters sollte ein gut sichtbarer Link zur Webversion eingebaut werden. Falls Nutzer:innen Darstellungsprobleme haben oder die Bilder nicht angezeigt werden können, öffnet sich der Newsletter nach einem Klick auf den Link im Browser.
Noch mehr Tipps und Tricks für erfolgreiches Newsletter Marketing gibt es hier.
Sichern Sie sich die halbe Miete mit einem überzeugenden Design
Neben den tatsächlichen Inhalten trägt das richtige Newsletter Layout maßgeblich zu Ihrem Mailing-Erfolg bei. Strukturierte Inhalte, ein ansprechendes Design und aktivierende CTAs führen Sie ans Ziel. Überzeugen Sie Ihre Leser:innen, dass Ihr Newsletter es Wert ist, gelesen zu werden.
Viele Ihrer Empfänger:innen rufen Ihr Mailing unterwegs ab – achten Sie daher auf eine gute responsive Darstellung. Mit unseren Tipps gelingt Ihnen mit Sicherheit das perfekte Newsletter Design. Viel Spaß beim Gestalten! 😊
