So nutzt du die Vorlage, ohne dich im Design zu verlieren
Newsletter gestalten heißt in der Praxis: Du brauchst ein Layout, das sofort lesbar ist, auf dem Smartphone nicht zerfällt und den nächsten Klick sichtbar macht. Starte deshalb nicht mit Farben. Starte mit der Frage: Welche eine Aufgabe hat diese E-Mail?
Wähle eine der drei Vorlagen oben:
- Verein / Info: zwei kurze Neuigkeiten, ein Termin, ein ruhiger Footer.
- Coach / Verkauf: ein Problem, ein hilfreicher Tipp, ein klarer Termin- oder Angebotsbutton.
- Shop / Produkt: ein Produkt, ein Nutzen, ein Bild, ein Button.
Danach ersetzt du nur noch Logo, Betreff, Text und Button. Die Vorlagen sind bewusst als kopierbare Struktur gedacht, nicht als fertige HTML-Datei und nicht als Versandcode. Wenn du mehr als einen Hauptbutton brauchst, ist der Newsletter wahrscheinlich zu voll. Teile ihn lieber in zwei Ausgaben.
Design oder Plain-Text? So entscheidest du das Format
Bevor du eine Vorlage hübscher machst, steht eine Grundsatzentscheidung: Braucht diese E-Mail überhaupt ein Design-Layout, oder klickt eine textnahe Mail besser? Die Antwort hängt nicht vom Geschmack ab, sondern vom Ziel der E-Mail. Eine Mail, die wie ein Magazin aussieht, wird auch wie ein Magazin behandelt: überflogen statt gelesen.
| Ziel der E-Mail | Besseres Format | Warum |
|---|---|---|
| Verkauf, Beratungsgespräch, Webinar-Anmeldung | Plain-Text-ähnliches HTML | Wirkt persönlicher, reduziert Ablenkung, führt zu einem CTA |
| Produktkatalog, Event-Rückblick, Vereinsnews | Strukturiertes Design | Bilder und Module helfen beim Überblick |
| Markenpflege und regelmäßiger Digest | Schlankes Template | Wiedererkennung ohne Magazin-Überladung |
| Reaktivierung oder persönliche Nachfrage | Sehr einfache Text-Mail | Die Antwort oder der Klick soll im Mittelpunkt stehen |
Die Ugly-Email-Strategie: bewusst schlicht
Viele erfahrene E-Mail-Marketer nutzen bewusst einfache Formate statt Design-Overload. Nicht weil Gestaltung wertlos ist, sondern weil eine persönliche, klare Mail den nächsten Schritt oft besser verkauft als ein Magazin-Layout. Das Prinzip: Die E-Mail soll aussehen, als hätte sie ein Mensch geschrieben — nicht eine Marketing-Abteilung und nicht ein Drag-and-Drop-Editor.
So setzt du sie um:
- Kein Logo im Header: Das Logo ist der erste visuelle Hinweis auf „Marketing-Mail“. Ohne Logo wird die E-Mail eher wie eine persönliche Nachricht wahrgenommen.
- Maximal ein Bild: Und nur, wenn es echten Informationswert hat, etwa ein Screenshot oder eine erklärende Grafik. Dekorative Bilder sind Rauschen.
- Persönlicher Absender: „Simon von simon-erklaert.com“ statt „simon-erklaert.com Newsletter“. Der Name macht den Unterschied.
- P.S.-Zeile nutzen: Die P.S.-Zeile ist nach Betreffzeile und erstem Satz der meistgelesene Teil einer E-Mail — der richtige Platz für den Button oder einen Zusatzanreiz.
Diese Strategie passt nicht für jedes Geschäftsmodell. Für Solopreneure, Berater, Coaches und kleine Dienstleister ist sie aber oft näher an der echten Kaufsituation: Ein Mensch erklärt einem Interessenten, warum der nächste Schritt sinnvoll ist.
Branchenlogik: welches Format wo konvertiert
| Branche / Modell | Tendenz | Warum |
|---|---|---|
| E-Commerce | Visueller, aber fokussiert | Produktbilder helfen bei Auswahl und Vertrauen |
| Beratung / Coaching | Text-fokussiert | Beziehung, Problemverständnis und klare Entscheidung zählen mehr als Optik |
| SaaS / Software | Minimal HTML | Screenshots können helfen, aber der Button muss klar bleiben |
| Handwerk / Dienstleistung | Text-fokussiert | Persönliche Nähe und konkreter Nutzen wirken stärker als Magazin-Design |
| Gesundheit / Fitness | Mix | Übungen, Rezepte oder Vorher-Nachher-Logik brauchen manchmal Bilder |
| Finanzen / Versicherung | Text-fokussiert | Vertrauen, Klarheit und Seriosität sind wichtiger als Effekte |
Das Muster: Wo persönliche Beziehungen den Umsatz treiben, funktionieren textnahe E-Mails. Wo das Produkt visuell überzeugt, darf mehr Design rein — aber immer mit klarer Hierarchie. Handwerker und Berater, die mit aufwändigen HTML-Newslettern experimentieren, verlassen ihren Sweet Spot: Ihre Kunden erwarten eine persönliche Nachricht, kein Magazin.
Im Zweifel entscheidet nicht ein fremder Benchmark, sondern ein A/B-Test in deiner eigenen Liste: gleicher Inhalt, gleiche Betreffzeile, ein Design-Template gegen eine textnahe Variante.
Schrift, Abstand und Farben: die Werte, die wirklich zählen
Die meisten Newsletter scheitern nicht an der falschen Schmuckfarbe. Sie scheitern an zu kleiner Schrift, zu wenig Abstand und einem Button, der auf dem Smartphone schwer zu treffen ist.
Nutze diese Basiswerte:
- Fließtext: 16 bis 18px.
- Überschrift: 24 bis 28px.
- Zeilenhöhe: etwa 1.5 bis 1.6.
- Absatzabstand: 10 bis 16px.
- Button-Höhe: mindestens 44px, besser 48px.
- Seitlicher Abstand mobile: mindestens 15px.
- Textfarbe: dunkles Grau auf hellem Grund, nicht hellgrau auf weiß.
Webfonts sind im Newsletter kein Fundament. Viele E-Mail-Clients laden sie nicht zuverlässig. Arial, Helvetica, Georgia, Verdana und Tahoma sind langweilig, aber stabil. Für Newsletter ist stabil besser als besonders.
Schnelltest
Wenn du den Newsletter auf dem Smartphone aus 35cm Abstand öffnest, muss die Hauptaussage ohne Zoomen lesbar sein. Wenn du erst suchen musst, ist nicht der Text zu schwach, sondern die Hierarchie.
Mobile-first prüfen, bevor du sendest
Viele Newsletter werden am Desktop gestaltet und am Smartphone gelesen. Genau dort brechen schlechte Layouts.
Prüfe vor dem Versand:
- Siehst du die Hauptaussage im ersten Smartphone-Screen?
- Ist der Button mit dem Daumen treffbar?
- Gibt es horizontales Scrollen?
- Sind Footer-Links wie Impressum und Abmelden nicht zu eng gesetzt?
- Funktioniert der Newsletter ohne Bilder?
- Bleibt das Logo im Dark Mode sichtbar?
- Wird der Text in Gmail, Apple Mail und Outlook akzeptabel dargestellt?
Der eigene Smartphone-Test ist Pflicht. Kein Editor-Preview ersetzt ihn vollständig.
Kostenlos gestalten: wann ein Gratis-Editor reicht
Newsletter gestalten kostenlos ist ein eigener Nebenintent. Die Antwort ist nicht „immer kostenlos“ und auch nicht „sofort teures Tool kaufen“. Entscheidend ist der Zweck.
Kostenlos reicht, wenn:
- du eine erste Ausgabe testen willst
- die Liste klein ist
- du einen Vereins- oder Info-Newsletter verschickst
- du keine Automationen, Tags oder Shop-Ereignisse brauchst
Kostenlos reicht nicht, wenn:
- ein Newsletter wiederholt verkaufen soll
- Kontakte je nach Interesse unterschiedliche E-Mails bekommen sollen
- Käuferstatus, Warenkorb oder Digistore24-Status wichtig werden
- du mehrere Strecken parallel pflegen willst
Für einfache Design-Newsletter ist Rapidmail naheliegend. CleverReach ist sinnvoll, wenn du mit einem kostenlosen Einstieg und klassischen Vorlagen arbeiten willst. KlickTipp gehört eher in den Moment, in dem aus Newsletter-Design eine Verkaufs- oder Follow-up-Logik wird.
Häufige Gestaltungsfehler
1. Zu viel Inhalt in einer Ausgabe
Ein Newsletter ist kein Blogartikel. Eine Hauptbotschaft reicht. Weitere Themen kommen in kurze Nebenlinks oder in die nächste Ausgabe.
2. Farben statt Hierarchie
Farbe kann führen, aber sie ersetzt keine Struktur. Überschrift, Abstand und Button müssen zuerst stimmen.
3. CTA erst ganz am Ende
Wenn der Leser den nächsten Schritt erst nach fünf Bildschirmhöhen findet, ist der Newsletter zu schwach geführt.
4. Mobile nur nebenbei prüfen
Desktop-Vorschau sieht fast immer besser aus. Entscheidend ist, ob der Newsletter auf dem Smartphone ohne Zoomen lesbar bleibt.
5. Jedes Mal neues Design
Wiedererkennung schlägt Abwechslung. Nutze pro Newsletter-Typ eine feste Struktur und ändere nur Inhalt, Bild und Button.
Der 10-Minuten-Workflow
Wenn du schnell einen Newsletter gestalten willst, arbeite so:
- Vorlage wählen: Info, Verkauf oder Produkt.
- Eine Hauptbotschaft formulieren.
- Betreff und erste Überschrift auf dieselbe Aussage ausrichten.
- Text in Absätze mit maximal drei Sätzen teilen.
- Einen Button setzen.
- Smartphone-Vorschau öffnen.
- Alles löschen, was nicht zur Hauptbotschaft beiträgt.
- Testmail an dich selbst schicken.
Das Ziel ist kein perfektes Design. Das Ziel ist ein Newsletter, den der Leser in Sekunden versteht und ohne Reibung anklicken kann.
Geprüft am . Recherche und Einordnung folgen der Methodik; Zahlen, Tool-Claims und Grenzen stehen im Quellenverzeichnis. Die thematische Einordnung erfolgt im E-Mail-Marketing-Hub.
Häufige Fragen zur Newsletter-Gestaltung
Was ist die beste Vorlage für einen Newsletter?
Für die meisten Fälle ist eine einspaltige Vorlage mit Logo, kurzer Überschrift, einem Hauptblock und einem Button am stabilsten. Sie funktioniert auf Desktop und Smartphone besser als komplexe Mehrspalten-Layouts.
Wie breit sollte ein Newsletter sein?
Maximal etwa 600px. Damit bleibt die E-Mail in den großen Clients gut lesbar und skaliert auf Smartphones kontrollierter als breite Layouts.
Welche Schriftgröße ist für Newsletter sinnvoll?
Fließtext sollte 16 bis 18px haben. Darunter wird der Text auf Smartphones schnell anstrengend. Überschriften liegen meist bei 24 bis 28px.
Wie viele Bilder gehören in einen Newsletter?
So wenige wie möglich, so viele wie nötig. Für Info-Newsletter reicht oft kein Bild. Für Produkt-Newsletter ist ein Hauptbild sinnvoll. Der Text muss trotzdem ohne Bild verständlich bleiben.
Welches Programm eignet sich zum Newsletter gestalten?
Für einfache Design-Newsletter passen Rapidmail oder CleverReach oft besser. Wenn Tags, Sequenzen, Käuferstatus und Verkaufsautomation wichtig sind, ist KlickTipp der passendere nächste Schritt. Den Gesamtvergleich findest du im Newsletter-Tool-Vergleich.