Newsletter-Banner gestalten: Ideen und Beispiele
Sie suchen einen Leitfaden für E-Mail-Banner? Dann sind Sie hier genau richtig!
Newsletter-Banner sind hervorragend geeignet, um die Aufmerksamkeit Ihres Publikums zu gewinnen. Sie beeinflussen maßgeblich, wie gut sich Ihre E-Mail-Kampagnen lesen und wie attraktiv sie wirken. Heute erklären wir, was Newsletter-Banner sind, warum sie wichtig sind und wie sie funktionieren, geben praktische Tipps für eigene Banner und zeigen, wie Blocks Ihnen dabei hilft.
Was ist ein Newsletter-Banner?
Ein Newsletter-Banner ist meist das erste visuelle Element, das Leser sehen, wenn sie Ihre E-Mail öffnen. Diese Grafik gibt den Ton Ihres Newsletters vor – ganz ähnlich wie die Schlagzeile einer Zeitung.
E-Mail-Banner enthalten in der Regel das Firmenlogo, den Titel des Newsletters (oder eine überzeugende Botschaft, die bei Ihrem Publikum ankommt) und Bilder, die in irgendeiner Weise mit Ihrer Marke verbunden sind. Entscheidend ist, dass Ihr Banner neugierig macht, relevant ist und zu Ihrer Markenidentität passt.
Die Größe von Newsletter-Bannern
Beim Design von E-Mail-Bannern kommt es auf die richtige Größe an: Das Banner soll auf allen Geräten gut aussehen und nicht zu viel Platz einnehmen. Hier die 2 gängigsten Größen für Newsletter-Banner:
• Banner in voller Breite. Dieses Banner erstreckt sich meist über die gesamte Breite der E-Mail (üblich sind 600px, die Standardbreite einer E-Mail). Die meisten E-Mail-Clients von Gmail bis Outlook unterstützen diese Größe, sodass das Banner korrekt angezeigt wird.
Die Höhe des E-Mail-Banners ist dagegen flexibel und liegt meist zwischen 200px und 500px. So bleibt es auffällig und trotzdem relativ kompakt. Die endgültige Wahl hängt vom Design Ihrer Vorlage ab: Achten Sie nur darauf, dass sich das Banner optisch stimmig ins Gesamtlayout der Vorlage einfügt.
Quelle: Really Good Emails
• Banner in halber Breite. Ein Banner in halber Breite ist in der Regel etwa 300px breit. Es ist eine hervorragende Wahl, wenn sich das E-Mail-Banner den Platz mit anderen wichtigen Elementen wie Text oder Bildern teilen soll.
Bei der Höhe gelten für Banner in halber Breite dieselben Grundsätze wie für Banner in voller Breite. Wichtig ist die optische Balance: Das E-Mail-Banner soll nicht erdrücken, aber groß genug sein, um aufzufallen.
Quelle: Really Good Emails
Bei Mobilgeräten kommen weitere Punkte hinzu. Die Bildschirme sind hier meist kleiner, deshalb sollte sich Ihr Newsletter-Banner gut anpassen, damit die E-Mail auch auf dem Smartphone reibungslos lesbar ist. Testen Sie Ihre E-Mail-Banner gründlich und prüfen Sie, ob sie auf verschiedenen Geräten richtig skalieren.
4 Dinge, die in Ihr E-Mail-Banner gehören
Ein gut gestaltetes Banner ist mehr als ein hübsches Bild. Es ist eine durchdachte Kombination mehrerer Elemente, die zusammenwirken, um den Blick des Lesers einzufangen und Ihre Kernbotschaft zu vermitteln.
Sehen wir uns 4 wesentliche Aspekte an, die Sie beim Gestalten Ihrer E-Mail-Banner beachten sollten.
Marken- oder Firmenlogo
Am Logo wird Ihre Marke sofort erkannt. Platzieren Sie es gut sichtbar im E-Mail-Banner, um den Wiedererkennungswert bei potenziellen und bestehenden Kunden zu stärken. Stimmen Sie es auf Ihre visuellen Richtlinien wie Farbschema und Typografie ab, damit alles einheitlich bleibt und durchgehend zu Ihrer Marke passt.
Quelle: Really Good Emails
Eine packende Überschrift
Eine überzeugende Überschrift ist der Haken, an dem Ihr Publikum anbeißt. Sie sollte kurz und ansprechend sein und direkt zum Inhalt Ihres Newsletters passen. Eine gute Überschrift weckt Neugier, löst Emotionen aus oder verspricht einen Nutzen – und bringt Empfänger dazu, weiterzulesen.
Quelle: Really Good Emails
Passende Bilder
Die optische Wirkung Ihres E-Mail-Banners ist ein fester Bestandteil Ihrer Kampagne. Verwenden Sie hochwertige Bilder, die zum Inhalt Ihres Newsletters passen, und denken Sie immer daran: Die Bilder sollten sich nahtlos in die übrigen Designelemente einfügen.
Quelle: Really Good Emails
Call-to-Action (CTA)
Ob „Jetzt kaufen“, „Mehr erfahren“ oder „Registrieren“: Ein CTA im E-Mail-Banner zeigt Ihrem Publikum den nächsten Schritt. Machen Sie ihn mit Kontrastfarben, viel Weißraum und einer gut lesbaren Schrift zum Blickfang. Achten Sie darauf, dass der CTA zum Ziel Ihres Newsletters passt und die Leser zur gewünschten Aktion führt.
Quelle: Really Good Emails
10 Ideen für Newsletter-Banner zur Inspiration
Und jetzt ist es Zeit für erstklassige E-Mail-Banner in Ihren Vorlagen!
Ob Sie in Ihrem Newsletter ein neues Produkt ankündigen, Rabattaktionen bewerben oder andere wichtige Neuigkeiten teilen: Diese 10 Ideen für E-Mail-Banner bringen Ihre E-Mail-Marketing-Strategie wirkungsvoll voran.
Spielen Sie mit Farben
Farben in Ihrem Bannerbild sind nicht nur Dekoration: Sie wecken Emotionen und heben Ihre E-Mail hervor. Nutzen Sie Ihre Markenfarben für ein einheitliches Bild oder experimentieren Sie mit verschiedenen Designs und Paletten, um Ihren Vorlagen eine kreative Note zu geben. Kräftige Farben im Banner können zum Beispiel Begeisterung vermitteln, gedeckte Töne dagegen Eleganz ausstrahlen.
In diesem E-Mail-Beispiel von Resy greift das Rot des Banners die Farbe des Logos auf, während Schwarz und Gelb das Banner hervorstechen lassen. Diese Kombination wirkt mutig und macht die E-Mail auf den ersten Blick einprägsam.
Quelle: Really Good Emails
Setzen Sie Typografie gezielt ein
Typografie beeinflusst stark, wie gut sich Ihr E-Mail-Banner lesen lässt und welche Stimmung es transportiert. Kombinieren Sie verschiedene Schriftstile und -größen, um eine visuelle Hierarchie zu schaffen und Ihre Leser zu lenken. Achten Sie aber darauf, dass die Schriften lesbar sind und sich gut ergänzen.
Das Beispiel unten zeigt, wie Sie ungewöhnliche Schriften einsetzen, ohne dass das Banner schwer lesbar wird. Das Ergebnis ist eine E-Mail, die wirkt und zugleich das Auge erfreut.
Quelle: Really Good Emails
Heben Sie Angebote im E-Mail-Banner hervor
Ihre Marke hat Sonderangebote oder Rabatte? Stellen Sie sie im E-Mail-Banner heraus und kurbeln Sie so den Umsatz an! Setzen Sie Elemente ein, die Aufmerksamkeit erregen und Interesse wecken. Ihr Banner kann zum Beispiel Folgendes enthalten:
- fette Buchstaben
- Kontrastfarben
- mitreißende Formulierungen
- gut sichtbare Zahlen
Das Team von Glossier liefert hier eines der besten Beispiele. Das Sonderangebot steht klar im Vordergrund, und das E-Mail-Banner funktioniert auf dem Desktop wie auf dem Smartphone.
Quelle: Really Good Emails
Animieren Sie Ihr E-Mail-Banner
Animierte GIFs sind ein Blickfang, der Bewegung in Ihr E-Mail-Banner bringt. Ob dezenter Übergangseffekt oder ausgewachsener Zeichentrickfilm – Animation macht Ihr Banner ansprechender und einprägsamer. Achten Sie nur darauf, dass sie nicht von Ihrer Kernbotschaft ablenkt.
Hier ein cooles Beispiel von Lyft. Das GIF im E-Mail-Banner macht die Botschaft nicht nur unterhaltsam und lebendig, sondern zeigt auch das Produkt selbst.
Quelle: Really Good Emails
Erzählen Sie eine Geschichte
Wer mag keine gute Geschichte? Erzählungen in Ihren E-Mail-Bannern unterstreichen die Botschaft und berühren Empfänger emotional. Überlegen Sie, für das Banner eine Abfolge von Bildern oder Textelementen zu gestalten, die eine fesselnde Geschichte erzählt – über:
- Ihre Marke
- die Produktlinie oder Dienstleistung aus der E-Mail
- einen besonderen Anlass, der mit der Kampagne verbunden ist
Dieses E-Mail-Beispiel von Sauna House zeigt die ganze Bandbreite der Empfindungen, die Sie beim Saunabesuch erleben. Dank der großartigen Bilder können sich potenzielle Kunden leicht mit den Menschen auf den Fotos identifizieren.
Quelle: Really Good Emails
Zeigen Sie Kundenstimmen
Unterschätzen Sie nie die Kraft von Social Proof! Positives Kundenfeedback im E-Mail-Banner stärkt die Glaubwürdigkeit und Vertrauenswürdigkeit Ihrer Marke.
Fügen Sie eine kurze, überzeugende Kundenstimme mit Namen und Foto des Kunden ein – das wirkt authentisch und schafft selbst bei den skeptischsten Empfängern eine Atmosphäre des Vertrauens! Und vergessen Sie natürlich nicht, Ihre Kunden um Erlaubnis zu fragen, bevor Sie Foto und Bewertung verwenden.
Hier ein hervorragendes E-Mail-Beispiel von GoodRx: kurz, aber es erfüllt seinen Zweck perfekt. Es zeigt die Bewertung eines echten Kunden samt Foto – und macht die E-Mail damit sehr überzeugend.
Quelle: Really Good Emails
Bauen Sie einen Countdown-Timer ein
Sie möchten in Ihren Vorlagen zeitlich begrenzte Angebote bewerben? Bauen Sie einen Countdown-Timer direkt ins E-Mail-Banner ein! Das kleine, aber wirkungsvolle Element spielt direkt mit der Angst, etwas zu verpassen, erzeugt Dringlichkeit und bringt Leser dazu, schnell zu handeln, bevor das Angebot abläuft.
In diesem E-Mail-Beispiel von AppSumo ist der Countdown-Timer mit einem einprägsamen, klaren Call-to-Action kombiniert, der die Leser zur sofortigen Reaktion auffordert.
Quelle: Really Good Emails
Präsentieren Sie Produkte
Wenn Sie neue Produkte oder Dienstleistungen auf den Markt bringen, zeigen Sie sie im Banner. Kombinieren Sie hochwertige Bilder mit einer überzeugenden Überschrift und einem CTA, um:
- Ihre Produkte oder Dienstleistungen ins beste Licht zu rücken
- die Neugier der Kunden zu wecken
- so die Conversions zu steigern
Hier ein Beispiel für ein E-Mail-Banner von Loftie: Es bewirbt Uhr und Lampe als perfektes Duo für jeden Nachttisch (und zeigt, wie beide Produkte zusammen aussehen).
Quelle: Really Good Emails
Saisonale Themen
Saisonale Kampagnen sind eine hervorragende Möglichkeit, Umsatz und Kundenbindung zu steigern. Stimmen Sie Ihr E-Mail-Banner auf Jahreszeiten, Feiertage oder beliebte Events ab, damit Ihre Newsletter aktuell und relevant sind.
Das Beste daran: Saisonale Kampagnen funktionieren für die unterschiedlichsten Branchen! Hier zum Beispiel eine E-Mail von Moment (einem Marktplatz für Fotografen und Filmemacher), die einen Sommer-Sale ankündigt und ein passendes sommerliches Bild zeigt.
Quelle: Really Good Emails
Nutzen Sie Infografiken
Die letzte Idee für Ihre E-Mail-Banner: Infografiken, die komplexe Informationen vereinfachen und leichter verdaulich machen. Bauen Sie Mini-Infografiken ins Banner ein, um wichtige Kennzahlen oder Neuigkeiten zu Ihrer Marke oder Branche zu teilen. Das kann besonders für B2B-Newsletter nützlich sein.
Hier eines der besten Beispiele für diesen Tipp. In der E-Mail unten setzt Glassdoor Zahlen ein, um die Botschaft zu verstärken.
Quelle: Really Good Emails
In 8 Schritten zum beeindruckenden Newsletter-Banner in Blocks
Vom E-Mail-Header bis zum Banner (und sogar zur E-Mail-Signatur): Blocks bietet alles, was Ihre Vorlagen wirklich herausragend macht. Mit unserem Drag-and-drop-Builder wird das Gestalten perfekter E-Mails zum Kinderspiel!
Bereit für Ihre großartigen E-Mail-Banner? Folgen Sie einfach diesen 8 Schritten:
- Zuerst fügen Sie Ihrer E-Mail ein Bild hinzu. Öffnen Sie den Bereich „Elemente“, klicken Sie auf „Bild“ und ziehen Sie das Element in Ihre Vorlage.
- Bewegen Sie den Cursor in die Mitte des Bildelements: Sie sehen eine Reihe von Symbolen. Klicken Sie auf das markierte Symbol, um das Bildzentrum zu öffnen.
- Hier können Sie eigene Fotos hochladen, in unserer Stockbildbibliothek mit Hunderten kostenlosen Bildern suchen oder ein KI-Bild für Ihre E-Mail generieren.
- Angenommen, Sie erstellen eine E-Mail zu einem Empfehlungsprogramm. Ein fertiges Foto haben Sie nicht, also brauchen Sie ein passendes Bild, das Ihre Idee unterstützt.
Wählen Sie dafür den Bereich „Stock“, geben Sie Ihren Suchbegriff ein und wählen Sie aus den Ergebnissen. Mit verschiedenen Filtern suchen Sie gezielt nach Fotos mit bestimmter Ausrichtung oder bestimmtem Farbschema.
- Das perfekte Foto gefunden? Hervorragend! Klicken Sie einfach darauf, um es Ihrer Vorlage hinzuzufügen. So einfach geht das!
Wenn Sie Ihre Bilder bearbeiten möchten, klicken Sie auf das hier markierte Symbol, um den Bildeditor zu öffnen.
- Ab hier passen Sie Ihre Bilder ganz nach Bedarf an: Text hinzufügen, Größe ändern und zuschneiden, Ecken abrunden und vieles, vieles mehr!
- Ich habe mich hier entschieden, dem E-Mail-Banner einen CTA hinzuzufügen, um es ansprechender zu machen. Im Bereich „Text“ wählen Sie die gewünschte Schrift, ändern Textfarbe und Hintergrund, fügen Schatten hinzu und vieles mehr.
- Wenn Sie schließlich mit Ihrem E-Mail-Banner zufrieden sind, klicken Sie auf „Aktualisieren“ – und voilà: Ihre Vorlage ist bereit zu glänzen!
P.S. Sie sind mit dem Ergebnis nicht zufrieden, nachdem Sie das E-Mail-Banner in die Vorlage eingefügt haben? Öffnen Sie einfach wieder das Bildzentrum und nehmen Sie Änderungen vor!
P.P.S. Wenn Sie es ganz raffiniert mögen, können Sie über das Menü rechts sogar dem gesamten Newsletter-Banner einen Schatten geben und die Ecken des Fotos verändern.
Fazit
Newsletter-Banner sind ein zentrales Element Ihrer E-Mail-Marketing-Strategie. Sie machen Ihren Newsletter attraktiver und steigern das Engagement der Leser. Denken Sie daran: Ein wirkungsvolles Banner ist optisch ansprechend und passt zu Ihrer Marke und zum Zweck der E-Mail.
Mit Blocks können Sie bei Ihren auffälligen E-Mail-Bannern richtig kreativ werden. Unser Tool ist der perfekte Ort, um mit Bannergrößen zu experimentieren, die nötigen Elemente einzubauen und meisterhafte Vorlagen zu gestalten, die bei Ihren Lesern einen bleibenden Eindruck hinterlassen.