Juli 20, 2021

8 Tipps fĂŒr das perfekte Newsletter Design 😍

Lesezeit ungefÀhr 9 min

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.

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: 

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

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.

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.

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! 😊

Bleiben Sie immer top informiert!

Exklusive Webinar-Einladungen, spannende Tipps, die neuesten Trends und Angebote: Melden Sie sich zu unserem monatlichen Newsletter an und sichern Sie sich Ihren Wissensvorsprung rund um das Thema Online Marketing.

Sind Sie bereit, Ihr Marketing-Zen zu finden?

Sorgen Sie dafĂŒr, dass Ihr Arbeitstag völlig stressfrei verlĂ€uft, mit einer Lösung, die nur fĂŒr Sie entworfen wurde.

Kostenloser Start