22 Beispiele aus der Praxis zur Inspiration Ihrer E-Mail-Designs

Veröffentlicht: 2020-12-30

E-Mail-Marketing ist eine der effektivsten Methoden, um eine treue Markengemeinde aufzubauen und zu halten.

E-Mail-Kommunikation ist von Natur aus erlaubnisbasiert. Wenn sie sich in Ihre Liste eintragen, bekunden Abonnenten nicht nur ihr Interesse an Ihrer Marke, sondern erwarten auch, von Ihnen zu hören. Diese Einstellung führt dazu, dass E-Mail-Marketing mit größerer Wahrscheinlichkeit Verkäufe umsetzt als andere Marketingkanäle – im Durchschnitt bringt Ihnen jeder ausgegebene Dollar bis zu 47 US-Dollar ein.

Die Renditen hören hier nicht auf. Regelmäßiges Engagement trägt dazu bei, eine treue Fangemeinde von Kunden aufzubauen, die:

  • Geben Sie durchschnittlich 31 Prozent mehr aus als Neukunden
  • Empfehlen Sie 50 Prozent mehr Menschen als einmalige Käufer
  • Probieren Sie mit größerer Wahrscheinlichkeit verschiedene Produkte aus, die Sie verkaufen, und tragen Sie so zum Unternehmenswachstum bei

Die besten E-Mail-Designs bringen auch neue Leads hervor. In diesem Leitfaden finden Sie 22 echte E-Mail-Designbeispiele, die dies und mehr erreichen.

Inhaltsverzeichnis

  • So heben Sie Ihre E-Mail-Designs hervor
    • Optimieren Sie Bilder, um die Geschwindigkeit zu priorisieren
    • Ziel ist es, auf jedem Gerät gut auszusehen
    • Machen Sie Ihre Nachricht persönlich
    • Halten Sie die Dinge einfach
    • Beginnen Sie stark, um restriktives Scannen zu verhindern
    • Richten Sie die Augen des Lesers die Seite hinunter
    • Sprechen Sie visuell
    • Navigieren Sie mit Inhaltsblöcken
    • Aktion fördern
    • Lenken Sie die Aufmerksamkeit mit Farbe
    • Experimentieren Sie mit visuellen Elementen
    • Interesse wecken
    • Beenden Sie stark
  • Mit den richtigen Tools müssen Sie nicht bei Null anfangen

Unabhängig davon, ob Sie auf Produkte, Blog-Posts oder andere Inhalte verlinken, jeder Klick von einem Link in einer Ihrer Marketing-E-Mails führt zu Traffic, der die Suchmaschinenoptimierung (SEO) Ihrer Website verbessert. Im Laufe der Zeit steigert diese Aktivität auch die Auffindbarkeit Ihrer Website, wodurch Sie das Interesse neuer Kunden von Suchmaschinen gewinnen können.

So heben Sie Ihre E-Mail-Designs hervor

Die durchschnittliche Person erhält mehr als 96 E-Mails pro Tag. Der erste Eindruck Ihrer E-Mail zählt – und Untersuchungen zeigen, dass Sie nur wenige Sekunden haben, um einen guten zu hinterlassen.

Was Sie per E-Mail kommunizieren, ist wichtig, aber es ist auch wichtig, wie Sie es sagen. Effektive E-Mail-Designs helfen einem Publikum, Ihre Nachricht zu visualisieren. Die Organisation Ihres Layouts kann daran arbeiten, die Aufmerksamkeit der Menschen zu erregen, bevor sie das Interesse verlieren und wegklicken.

Helfen Sie Ihren Lesern, das, was sie sehen, zu verstehen, indem Sie Designhinweise nutzen wie:

  • Schwerpunkte, die Aufmerksamkeit erregen und zeigen, worum es in der Botschaft geht
  • Muster und Formen, die Ideen organisieren
  • Farbschemata, die wichtige Punkte hervorheben
  • Einheitliche Elemente, die Markenbekanntheit schaffen

Ihre Marketing-E-Mails müssen sich von der Masse abheben. Erhöhen Sie die Lautstärke Ihrer Nachrichten mit E-Mail-Designs, die:

  • Optimieren Sie Bilder, um die Geschwindigkeit zu priorisieren
  • Ziel ist es, auf jedem Gerät gut auszusehen
  • Machen Sie Ihre Nachricht persönlich
  • Halten Sie die Dinge einfach
  • Beginnen Sie stark, um restriktives Scannen zu verhindern
  • Richten Sie die Augen des Lesers die Seite hinunter
  • Sprechen Sie visuell
  • Navigieren Sie mit Inhaltsblöcken
  • Aktion fördern
  • Lenken Sie die Aufmerksamkeit mit Farbe
  • Experimentieren Sie mit visuellen Elementen
  • Interesse wecken
  • Beenden Sie stark

Sehen wir uns unten an, warum diese Designelemente funktionieren und wie man sie verwendet, um bessere E-Mails zu erstellen. Sie werden auffällige Beispiele für die meisten dieser effektiven E-Mail-Designelemente in Aktion haben, um auch Ihre nächste Kampagne zu inspirieren.

Optimieren Sie Bilder, um die Geschwindigkeit zu priorisieren

Im Jahr 2000 fand eine Microsoft-Studie heraus, dass „die Aufmerksamkeitsspanne des durchschnittlichen Verbrauchers 12 Sekunden betrug. Etwa 15 Jahre später sank sie auf acht Sekunden“ – und neuere Studien deuten darauf hin, dass unsere kollektive Aufmerksamkeitsspanne immer enger wird.

Wenn das Laden Ihrer E-Mail länger als zwei Sekunden dauert, verlieren Sie Zeit, um diese flüchtige Aufmerksamkeitsspanne zu erfassen und zu verlängern. Optimieren Sie Ihre Inhalte, um eine schnelle Bereitstellung zu gewährleisten.

Beginnen Sie damit, die am häufigsten unterstützten Dateitypen für E-Mail-Server zu verstehen, einschließlich:

  • JPEG für Fotos
  • PNG und GIF für Strichzeichnungen
  • GIF für Bildanimation

Um Ihre Bilder für das schnelle Laden vorzubereiten, sollten Sie:

  • Verwenden Sie Bilder mit einer Breite von mindestens 600 bis 650 Pixeln, damit die Grafiken schnell geladen werden, aber nicht verzerrt sind
  • Speichern Sie Originaldateien mit einer Auflösung von 72 Pixel pro Zoll, um die Komprimierung zu minimieren, wenn Sie sie in Ihre Kampagnenbibliothek hochladen
  • Reduzieren Sie Ihre Dateigröße auf weniger als 5 MB

Tools wie die Bildbibliothek und das Hosting von Constant Contact können diesen Prozess für Sie rationalisieren und sicherstellen, dass Ihre Nachrichten den Wettlauf mit der Zeit nicht verlieren.

Ziel ist es, auf jedem Gerät gut auszusehen

Die meisten Menschen sehen sich ihre E-Mails auf ihren Smartphones an. Stellen Sie sicher, dass Ihre E-Mails mit diesem Kundenverhalten kompatibel sind, indem Sie Nachrichten entwerfen, die auf einem intelligenten Gerät genauso gut aussehen wie auf einem Computerbildschirm.

Erstellen Sie ein auf Mobilgeräte ansprechendes Design

Ohne mobile Reaktionsfähigkeit könnte es schwierig werden, mit Ihrer E-Mail zu interagieren, verzerrt oder abgeschnitten zu werden. Erreichen Sie Ihr Publikum unabhängig davon, wie es Ihre E-Mails sieht, indem Sie:

  • Führend mit prägnanten Betreffzeilen, die in einer E-Mail-Vorschau nicht abgeschnitten werden
  • Vermeiden Sie winzigen Text, der auf einem kleineren Bildschirm schwer zu lesen ist
  • Verwenden Sie websichere Schriftarten, die sicherstellen, dass Ihr Design auf jedem Gerät richtig aussieht
  • Hinzufügen von Alt-Text zu Ihren Bildern, um Personen zu erreichen, deren Einstellungen so eingestellt sind, dass automatische Bilddownloads eingeschränkt werden
  • Stellen Sie sicher, dass sich Ihr Layout an Bildschirme jeder Größe anpasst
großartige E-Mail-Designs reagieren auf Mobilgeräte
Achten Sie bei der Optimierung des E-Mail-Designs für mobile Endgeräte auf Aspekte, die das Nutzererlebnis verbessern. Dazu gehört, sicherzustellen, dass die von Ihnen geschriebene Betreffzeile nicht abgeschnitten wird, und alles zu kommunizieren, was Sie sagen möchten.

Fordern Sie mobile Benutzer auf, mit Ihnen zu interagieren

Mobile responsive E-Mails können die Öffnungsraten verbessern. Die besten mobiltauglichen E-Mail-Designs erleichtern Benutzern auch die Interaktion.

Etwa 80 Prozent der Smartphone-Nutzer kaufen über ihr Gerät ein. Sie können dies noch bequemer machen, indem Sie gut platzierte Gutscheincodes oder Rabatte bereitstellen, die Kunden direkt von ihrem Telefon aus einlösen können.

Tolle E-Mail-Designs fordern mobile Benutzer auf, mit Ihnen zu interagieren
Fügen Sie einen direkten Link für Leser hinzu, um auf einen herunterladbaren Gutschein, Treueprogrammpunkte, kostenlose Geschenke oder einen Rabattcode zuzugreifen – wie Uber es mit dieser Werbe-Urlaubs-E-Mail tut.

Machen Sie Ihre Nachricht persönlich

Die effektivsten E-Mail-Kampagnen sind keine Einheitsgröße. Laut der Aberdeen Group verbessern personalisierte E-Mails die Konversionsraten der Kunden um 20 Prozent.

Die Leute erhalten jeden Tag eine Menge Nachrichten. Sie sind empfänglicher für persönliche E-Mails – relevant und auf ihre Präferenzen und Kaufgewohnheiten zugeschnitten.

Segmentieren Sie Ihr Publikum

Die Personalisierung Ihrer Kunden-E-Mails beginnt mit der strategischen Segmentierung der Kontaktliste. Es hilft Ihren E-Mail-Marketingkampagnen, Ihre Kontakte basierend auf gemeinsamen Merkmalen in kleinere Gruppen zu unterteilen – wie z. B. was sie kaufen oder wo sie sich in Ihrer Verkaufspipeline befinden.

Die Segmentierung stellt sicher, dass jede von Ihnen gesendete E-Mail direkter ist. Mit Inhalten, die für verschiedene Kundengruppen spezifisch und relevant sind, werden Ihre Botschaften überzeugender und ansprechender.

Sie können diesen Prozess mit Segmentierungstools wie denen von Constant Contact automatisieren, mit denen Sie:

  • Erstellen Sie mehrere Listen und segmentieren Sie diese Listen weiter mit bis zu 500 eindeutigen Tags
  • Filtern Sie Kontakte basierend auf Metriken wie Kundenverhalten, Listenmitgliedschaft, E-Commerce-Aktivität oder benutzerdefinierten Feldern, die Sie zuweisen
  • Richten Sie automatisierte Trigger ein, wenn ein Kunde sich anmeldet, damit Sie den Kontakt initiieren, wenn er hochmotiviert ist, sich zu engagieren
  • Starten Sie eine Reihe von zeitgesteuerten E-Mails, um Kontakte basierend auf ihrer Aktivität zu verfolgen
  • Erstellen Sie mehrere Versionen einer E-Mail, um sie mit verschiedenen Zielgruppen zu teilen
Großartige E-Mail-Designs segmentieren Ihr Publikum
True Citrus hat eine schöne Willkommens-E-Mail, die den Ton der Marke angibt und Kunden dazu ermutigt, für mehr zurückzukommen – mit einem zeitabhängigen Rabattcode, einem Teaser für das Prämienprogramm und einer Erwähnung des Programms für soziale Verantwortung.

Sprechen Sie direkt mit einzelnen Kunden

Salesforce fand heraus, dass fast „59 % der Kunden sagen, dass maßgeschneidertes Engagement auf der Grundlage vergangener Interaktionen sehr wichtig ist, um ihr Geschäft zu gewinnen“ und dass sie mit mehr als doppelt so hoher Wahrscheinlichkeit mit den von Ihnen gesendeten maßgeschneiderten Inhalten interagieren.

Fügen Sie diese zusätzliche persönliche Note hinzu, die Kunden erwarten, mit:

  • Persönliche Begrüßungen, die die Wahrscheinlichkeit verringern, dass Ihre E-Mail als Spam gekennzeichnet wird
  • Konsistenz, sodass Kunden erwarten, Ihre Inhalte regelmäßig zu erhalten
  • Markenwiedererkennung in Ihrem Absenderbereich, die Glaubwürdigkeit und Vertrauen fördert
  • Eine fette Betreffzeile, die Aufmerksamkeit erregt und zusammenfasst, was einen Leser erwarten kann
Großartige E-Mail-Designs sprechen direkt einzelne Kunden an
Beardbrand erregt die Aufmerksamkeit eines Abonnenten mit einem persönlichen Hook, der ein zeitlich begrenztes Angebot bietet, das einen Kunden nicht nur dazu ermutigt, auf seiner Website einzukaufen, sondern auch ein Gefühl von FOMO (Fear Of Missing Out) vermittelt.

Halten Sie die Dinge einfach

Die besten E-Mail-Designs priorisieren, wie die Leser die Nachricht erleben. Ein positives Erlebnis für Ihre Leser zu schaffen bedeutet, ohne zusätzlichen Aufwand und Ablenkung direkt auf den Punkt zu kommen.

Dieses Weniger-ist-mehr-Konzept bezieht sich auf Hicks Gesetz, eine Designsäule, die eine einfache Präsentation fördert. Je mehr Sie in Ihre Botschaft und ihr Design einbeziehen, desto länger dauert es, bis die Leute eine Entscheidung treffen. Die Informationsüberflutung verträgt sich nicht gut mit der kurzen Aufmerksamkeitsspanne der Kunden.

Um Designs auf Einfachheit zu zentrieren, müssen Sie:

  • Seien Sie spezifisch und beschränken Sie die Menge an Informationen, die Sie in jeder E-Mail senden
  • Führen Sie die Leser, indem Sie Inhalte in kleine und umsetzbare Schritte unterteilen
  • Vermeiden Sie es, Kunden mit zu vielen Inhalten zu überfordern, die in einem Design konkurrieren
  • Lenken Sie die Aufmerksamkeit durch Ihr Design

Sie müssen kein erfahrener Grafikdesigner sein, um Hicks Gesetz auf Ihre E-Mail-Kampagnen anzuwenden. Mit den vielseitigen E-Mail-Marketing-Tools von heute können Sie ganz einfach eine beeindruckende und auffällige Nachricht erstellen, die auf einem einfachen Design basiert, wie es Casper mit seiner Weihnachtsnachricht unten tut.

Tolle E-Mail-Designs halten die Dinge einfach
Kommen Sie direkt auf den Punkt mit einem einfachen Design, das für sich selbst spricht, wie Caspers charakteristisches Messaging-Ethos.

Beginnen Sie stark, um restriktives Scannen zu verhindern

Untersuchungen der Nielsen Norman Group haben ergeben, dass die durchschnittliche Person einem F-förmigen Scanmuster folgt, wenn sie digitale Inhalte betrachtet – und dies kann die Verbreitung Ihrer Botschaft einschränken.

Nielsen weist jedoch darauf hin, dass gutes Design ein solches restriktives Scannen verhindern kann. Ein „Schichtkuchen“-Design hilft den Menschen, das ganze Bild zu sehen, indem es:

  • Zeichnen im Fokus mit einer markanten Führung
  • Verknüpfen ähnlicher Ideen im gesamten E-Mail-Text mithilfe von Elementen wie Farben und Mustern
  • Trennen von Informationen mit Leerraum, ähnlich wie beim Zuckerguss zwischen den Kuchenschichten
Großartige E-Mail-Designs beginnen stark, um restriktives Scannen zu verhindern
Harry’s verschwendet keine Zeit, um auf den Punkt „above the fold“ zu kommen. Dieses E-Mail-Design zieht die Leser mit einer Überraschung an und lenkt die Aufmerksamkeit dann auf der Seite nach unten, indem es ausgewogen und scanbar ist.

Richten Sie die Augen des Lesers die Seite hinunter

„Above the fold“ ist ein Designkonzept, das der Medienwelt entlehnt ist. Da Zeitungen in der Mitte gefaltet werden, bevor sie an den Kiosk kommen, müssen sie zuerst die wichtigsten Schlagzeilen, Geschichten und Bilder präsentieren.

Im „Fold“ Ihrer E-Mail müssen Ihre Leser scrollen, um den Rest Ihrer Nachricht zu sehen. Ein starker Anfang erregt die Aufmerksamkeit der Leser und bringt sie dazu, den Rest der E-Mail zu lesen.

Um sicherzustellen, dass sie weiterlesen, müssen Sie sie auch durch den Text zu dem führen, was sie tun sollen. Lenken Sie ihren Fokus in der E-Mail mit:

  • Strategische Platznutzung, denn textdichte E-Mails glänzen mit breiteren Rändern
  • Leerraum um Blöcke mit Texten, Ideen und Bildern herum, um eine visuelle Richtung zu schaffen
  • Kontrast und angemessene Textgröße, damit Ihre Inhalte lesbar sind
  • Bilder, die die Aufmerksamkeit auf der Seite fördern und das Design ausbalancieren
  • Standard- und websichere Schriftarten, da dekorative Schriftarten schwierig zu scannen sein können und möglicherweise nicht auf allen Geräten richtig geladen werden

Im obigen Beispiel macht Harry's die Absicht der E-Mail von Anfang an klar – und verwendet dann diese Designtricks, um die Leute zum Scrollen zu bewegen.

Der Preheader Ihrer E-Mail kann auch die Hervorhebung "above the fold" unterstützen. Dieser Text erscheint nach der Betreffzeile in einem Posteingang. Wenn das Feld leer gelassen wird, zeigt der Preheader automatisch den ersten Satz im E-Mail-Text an. Sie können es jedoch anpassen, um den Lesern zu zeigen, was sie von einer E-Mail erwarten können. Dies kann die Öffnungsraten von E-Mails verbessern und die Leser dazu bringen, die gesamte Nachricht zu scannen.

Großartige E-Mail-Designs lenken den Blick des Lesers auf die Seite
Mit einem überzeugenden und nachvollziehbaren Vorsprung weckt Sonos sofort das Interesse von Musikliebhabern. Mit breiten Rändern, viel Weißraum und kontrastierenden Grafiken gelingt es der Marke, ein Publikum dazu zu bringen, die Seite weiter nach unten zu scrollen.

Sprechen Sie visuell

Wie Sie Ihre Inhalte auf einem Bildschirm organisieren, sollte nicht nur das Interesse der Leser wecken, sondern sie über Ihre einprägsame Überschrift hinaus tragen. Die erfolgreichsten E-Mail-Designs tun dies visuell. Das endgültige Aussehen Ihrer E-Mail hängt vom Ton und der Stimmung Ihrer Marke ab. Apple ist berühmt für seine kühne Verwendung von Weißraum, aber dieser subtilere Ansatz ist nicht jedermanns Sache.

großartige E-Mail-Designs sprechen visuell
Apple hat seine Marke um die Kraft der Einfachheit herum aufgebaut. Möglicherweise müssen Sie Ihren E-Mails mehr hinzufügen, aber es ist eine gute Idee, von der lebhaften Aufmerksamkeit der Marke für den Raum und den durchdachten Bildern zu lernen.

Fokussieren Sie die Aufmerksamkeit durch Abstand

Weichen Sie nicht von der Stimme Ihrer Marke ab. Was Sie jedoch von Apples minimalistischem Ansatz mitnehmen sollten, ist, wie gut leerer Raum die Aufmerksamkeit lenkt.

Gehen Sie spielerisch mit Farbe, Text und Bildern um – aber folgen Sie Apples Beispiel mit einem Design, das:

  • Ist ordentlich in organisierte Abschnitte unterteilt
  • Hat eine Informationshierarchie, die es leicht scannbar macht
  • Unterteilt Ideen mit Grafiken, Überschriften, Linien und Formen
  • Shows statt Tells wann immer möglich

Es geht um die Ausgewogenheit dessen, was Sie präsentieren. Alles in Ihrem Layout sollte der allgemeinen Absicht der E-Mail dienen und es den Lesern erleichtern, diese Absicht zu verstehen.

großartige E-Mail-Designs lenken die Aufmerksamkeit durch Abstände
Fitbit schafft eine ansprechende Balance zwischen Text und Bild. Das E-Mail-Beispiel bietet eine Menge Informationen, während es den Text mit Blöcken, grafischen Symbolen und Kopfzeilen aufteilt.

Kopieren Sie die Kopie horizontal

Manchmal haben Sie mehr zu sagen – egal, ob es sich um Updates zu Blogbeiträgen, Produktangeboten oder anderen Neuigkeiten handelt. Teilen Sie kopierdichte Informationen horizontal, wie es Todoist im Beispiel unten tut. Dadurch wird der Leser die Seite von einem scanbaren Snippet zum nächsten nach unten gelenkt.

großartige E-Mail-Designs gliedern den Text horizontal auf
Todoist zeigt, dass Einfachheit funktioniert. Die Marke organisiert Informationen horizontal, um sie besser scannbar zu machen und mehrere Botschaften auf einmal zu kommunizieren.

Navigieren Sie mit Inhaltsblöcken

Inhaltsblöcke helfen beim Erstellen einer durchdachten Navigation und erleichtern es, die Aufmerksamkeit eines Lesers auf die Ebenen Ihres Inhaltskuchens zu lenken.

Mit Tools wie der E-Mail-Marketing-Plattform von Constant Contact können Sie Ihre Kundenkarte mit Sperroptionen erstellen wie:

  • Textinhaltsblöcke, die Sie mit benutzerdefinierten Schriftarten, Farben, Größen und mehr gestalten können
  • Bildblöcke, die Sie mit Filtern, Rahmen und Überlagerungen optimieren können
  • Horizontale und vertikale Trennwände, die den gewünschten Look erzeugen
  • Abstandsblöcke, um Informationen zu puffern und den Augen einen Ort zum Ausruhen zu geben

Sie können Inhaltsblöcke verwenden, um Leser auch auf Links außerhalb der Seite zu lenken. Auf diese Weise vermeiden Sie die Tendenz, zu viele Informationen in eine einzige Nachricht zu packen. Ausprobieren:

  • Angepasste, anklickbare Schaltflächen, die Benutzeraktionen fördern
  • Soziale Blöcke, um Ihre Anhängerschaft in sozialen Netzwerken zu steigern
  • Videoblöcke, die ein anklickbares Thumbnail zu einem an anderer Stelle hochgeladenen vollständigen Video enthalten
  • Lesen Sie mehr-Blöcke, mit denen Sie Vorschauen von Inhalten in längerer Form präsentieren und Leser einladen können, weiterzuklicken, um das Lesen vollständiger Beiträge zu beenden

Nur nicht übertreiben. Stellen Sie sicher, dass sich die Arten von Inhaltsblöcken, die Sie in einer E-Mail verwenden, auf den Haupt-Call-to-Action (CTA) der Nachricht beziehen. Zu viel Abwechslung kann Ihr Design unübersichtlich aussehen lassen – und übertönen, was Sie sagen wollen.

Organisieren Sie Inhalte mit visuellen Elementen

Optimieren Sie das Aussehen Ihrer Inhaltsblöcke, damit sie Ihr Publikum leicht führen können.

Das menschliche Auge neigt dazu, ähnlich aussehende Elemente als Teile einer vollständigen Geschichte wahrzunehmen, selbst wenn diese Informationen visuell getrennt sind. Ähnliche Farben, Formen und Muster verleihen den Informationen in Ihren Inhaltsblöcken einen logischen Fluss.

Wenn wichtige Punkte über ein Layout verstreut sind, können sie durch visuelle Konsistenz miteinander verbunden werden. Es geht darum, es dem Leser so einfach wie möglich zu machen, von einem Gedanken zum nächsten zu springen, ohne ihn zu verwirren.

großartige E-Mail-Designs organisieren Inhalte mit visuellen Elementen
Das Vitaminunternehmen Ritual verwendet ein klares und gedämpftes Design, das mit gelben Akzenten verstärkt wird, was das Sonderangebot und den CTA hervorhebt.

Verwenden Sie Farbe, um wichtige Punkte hervorzuheben

Farbe hilft auch dabei, bestimmte Informationen hervorzuheben – egal, ob Sie versuchen, eine Werbeaktion, einen CTA oder ein neues Produkt hervorzuheben.

Heben Sie wichtige Inhalte hervor, indem Sie:

  • Ändern der Hintergrundfarbe eines Blocks, ohne das Design Ihrer Vorlage zu ändern
  • Erstellen von Rändern oder Auffüllen um Bilder oder Textblöcke
  • Verwenden Sie ein gedämpftes Farbschema, um die Aufmerksamkeit mit helleren Tönen zu lenken
großartige E-Mail-Designs verwenden Farbe, um wichtige Punkte hervorzuheben
Bellroy beginnt mit einem achromatischen Schwarz-Weiß-Farbschema und führt den Leser dann mit segmentierten Farbblöcken die Seite hinunter.

Aktion fördern

Ein effektiver CTA sollte Ihren Leser dazu inspirieren, sich auf ein bestimmtes Ergebnis zuzubewegen. Ihre sollte der Absicht hinter der E-Mail entsprechen, die Sie senden – z. B. den Kauf eines Produkts oder das Lesen Ihres Blogs.

Es zeigt sich, dass das Einfügen mehrerer CTAs in Ihr Layout die Conversions erhöht, aber es gibt einen Haken. Hier gilt Hicks Gesetz. Das Anbieten zu vieler Optionen kann die Absicht einer E-Mail verwirren und dazu führen, dass die Leser das Interesse verlieren.

Unterstreichen Sie Ihre Botschaft mit einem CTA

Ein einfaches E-Mail-Design fördert den Erfolg Ihres CTA. Wenn es zu viele ablenkende visuelle Elemente gibt, konkurrieren Sie mit sich selbst um die Aufmerksamkeit eines Kunden.

großartige E-Mail-Designs unterstreichen Ihre Botschaft mit einem CTA
Das Versenden von E-Mails mit prägnanten Zielen hat Kraft. Anthropologie hat diese E-Mail speziell entwickelt, um eine Umfrage zu versenden und gleichzeitig den Verkauf zu fördern, indem den Teilnehmern ein Rabattcode im Geschäft angeboten wird.

Heben Sie Ihre CTAs hervor

Berücksichtigen Sie die Hauptaktion, die Abonnenten ausführen sollen, und machen Sie dies zu Ihrem CTA-Conversion-Ziel. Dieser direkte Ansatz trägt dazu bei, dass jede Nachricht einfach und direkt bleibt.

CTAs, die konvertieren:

  • Sind sichtbar und heben sich von anderen Elementen ab
  • Haben Sie eine kontrastierende Farbe zum Rest der Palette Ihrer E-Mail
  • Verwenden Sie eine klare, direkte Sprache, die das Ergebnis des Klickens deutlich macht
  • Schaffe ein Gefühl der Dringlichkeit
  • Veranschaulichen Sie die Vorteile, die die Leser zum Klicken zwingen
großartige E-Mail-Designs heben Ihre CTAs hervor
In diesem E-Mail-Designbeispiel gestaltet Adobe die gesamte Nachricht um seinen perfekt platzierten CTA herum, wodurch ein klares Gefühl der Dringlichkeit entsteht und die Produkte für sich selbst sprechen.

Fügen Sie Kontext hinzu, um die Leser zum Klicken zu bewegen

CTAs können auch die Vorbehalte oder Ängste Ihres Publikums, etwas zu verpassen, ansprechen. Fügen Sie zusätzliche Motivation mit CTAs hinzu, die:

  • Ermutigen Sie mit einer Beförderung
  • Verwenden Sie Knappheitsanreize – wie z. B. die Angabe der Anzahl der verfügbaren Produkte oder Tickets
  • Erklären Sie Rabattzeiträume, um ein Gefühl der Dringlichkeit zu erzeugen
  • Bieten Sie soziale Beweise, wie z. B. eine aktuelle Bewertung oder die Anzahl der bereits verkauften Produkte
  • Machen Sie Zusicherungen, z. B. dass keine Kreditkarte erforderlich ist, um eine kostenlose Testversion zu starten
großartige E-Mail-Designs fügen Kontext hinzu, um die Leser zum Klicken zu bewegen
Die Handlungsaufforderung von Netflix könnte nicht klarer sein. Der einprägsame Header spricht den Schmerzpunkt seines Publikums an und fordert die Leser dann mit einem Front-and-Center-CTA zu den nächsten Schritten auf. Netflix bietet Neukunden Sicherheit mit einem Hinweis auf ihre Stornierungsbedingungen.

Verwenden Sie CTA-Inhaltsblöcke

CTAs, die funktionieren, bringen Ihren Leser dazu, sich zu engagieren. Aktionsblöcke unterstützen dieses Ziel noch mehr, indem sie den CTA interaktiv machen und ihm helfen, sich optisch abzuheben. CTAs wie diese lenken die Aufmerksamkeit und Aktivität der Leser und reduzieren zielloses Suchen oder Herumklicken.

Fördern Sie ein besseres Engagement mit den Aktionsblöcken von Constant Contact, die:

  • Präsentieren Sie Artikel aus Ihrem Shopify-Shop
  • Ziehen Sie Details aus Eventbrite-Einträgen in Ihre E-Mail
  • Erstellen Sie eine RSVP-Anfrage, die Benutzer an Freunde weiterleiten können, die nicht auf Ihrer Kontaktliste stehen
  • Erzeuge Engagement mit einer Umfrage
  • Sammeln Sie Spenden
  • Vergeben Sie Kundengutscheine – mit flexiblen Optionen wie einer Mindestbestellmenge, einem Ablaufdatum oder anderen Einschränkungen, die Sie anwenden möchten

Beschränken Sie jede E-Mail auf ein oder zwei verschiedene Aktionsblöcke, die die Hauptbotschaft widerspiegeln. Zu viele einzuschließen kann die Leser verwirren und den Punkt, den Sie zu machen versuchen, verkomplizieren.

Lenken Sie die Aufmerksamkeit mit Farbe

Selbst eine gut strukturierte E-Mail kann unorganisiert oder unübersichtlich aussehen, wenn man nicht auf das Farbschema achtet. E-Mail-Kampagnen verwenden oft charakteristische Farben, die an die Marke gebunden sind, die sie repräsentieren, um einen einheitlichen Ton und eine einheitliche Stimme zu schaffen.

Aber wie Sie Farbe verwenden, sollte die Absicht Ihrer E-Mail zum Ausdruck bringen. Unser Gehirn ist fest verdrahtet, um Reaktionen basierend auf verschiedenen Farben auszulösen. Die Verwendung dieser psychologischen Hinweise kann Ihre Botschaft unterstützen.

Tolle E-Mail-Designs lenken die Aufmerksamkeit mit Farbe
Supergoop! führt mit seinen markanten Markenfarben, danach ist die Palette gedeckter, aber immer noch konsistent. Dies lenkt die Aufmerksamkeit eines Lesers, ohne zu überladen oder zu viel visuelle Ablenkung hinzuzufügen.

Wählen Sie ein Farbschema, das zu Ihrer Marke passt

Das von Ihnen verwendete Farbschema bestimmt den Ton einer E-Mail. Da die Aufmerksamkeit der Menschen auf das gelenkt wird, was am visuellsten hervorsticht, können Sie bestimmte Farbtöne verwenden, um wichtige Informationen hervorzuheben.

Gehen Sie strategisch vor mit einfachen Paletten wie:

  • Ein achromatisches Farbschema mit Schwarz, Weiß und Grautönen mit einem Ausbruch einer anderen Farbe, um die Aufmerksamkeit zu lenken
  • Ein monochromatisches Farbschema, das auf einer Hauptfarbe zusammen mit Variationen dieses Primärtons basiert
  • Ein analoges Farbschema mit Farbtönen, die auf dem Farbrad nebeneinander liegen, wie grüne CTAs auf blauem Hintergrund
  • Komplementäre und triadische Farbschemata, die mit zwei oder drei Farben von gegenüberliegenden Seiten des Farbkreises einen stark kontrastierenden Effekt erzeugen
großartige E-Mail-Designs haben ein Farbschema, das zu Ihrer Marke passt
Filmsupply balanciert Rot- und Blautöne aus, um die Leser mit diesem markanten Kontrast von entgegengesetzten Enden des Farbkreises anzulocken.

Verwenden Sie Farbe, um die Emotionen eines Lesers zu fesseln

Die obigen Farbschemata eröffnen viel Flexibilität, um Farbtöne basierend auf den Gefühlen zu verwenden, die Sie vermitteln möchten. Sie können sie auch verwenden, um Ihre E-Mail zu dekorieren, um saisonale und festliche Stimmungen zu vermitteln.

Sprechen Sie die Emotionen Ihrer Leser an mit Effekten wie:

  • Die energetisierende Wirkung von Red, die schnell Aufmerksamkeit erregt
  • Oranges Wärme und Motivation
  • Die Fröhlichkeit und Inspiration von Gelb
  • Grüne Signale für Wachstum, Natur und Gesundheit
  • Blau beruhigt Vertrauen und Zuverlässigkeit
  • Purple's Fantasie, Intrigen und Luxus
  • Pinks Romantik und nährende Sensibilität
  • Die Raffinesse und Unabhängigkeit von Black
großartige E-Mail-Designs verwenden Farbe, um die Emotionen eines Lesers zu fesseln
Kate Spade begrüßt ihre Abonnenten mit einem gastfreundlichen Ton, indem sie die Assoziation von Orange mit Wärme und Freundschaft und Akzenten in einem pflegenden Pink nutzt.

Experimentieren Sie mit visuellen Elementen

Bilder sind nicht auf Fotografien beschränkt. Muster, Symbole, Infografiken und typografische Designs bieten eine große Auswahl an visuellen Elementen, die dabei helfen können, Ihre Botschaft zu organisieren, zu vereinfachen und zu verdeutlichen.

Großartige E-Mail-Designs experimentieren mit visuellen Elementen
Strava hat in dieser E-Mail viel zu tun, aber das Layout hält alles organisiert mit überzeugenden Grafiken, auffälligen Symbolen und einem Farbschema, das alles zusammenhält.

Sie können es auch mit animierten Bildern mischen. Die Verwendung eines GIF in einer E-Mail verbessert zwar nicht unbedingt die Benutzererfahrung, erregt jedoch Aufmerksamkeit und fügt Ihrer Nachricht ein bisschen Spaß hinzu.

Interesse wecken

Visuals helfen dabei, Elemente in Ihrem E-Mail-Design zu organisieren und Aufmerksamkeit zu erregen. Mit ein wenig Kreativität können auch Bilder und Animationen als CTA-Verbesserungen dienen.

Interagieren Sie mit Lesern durch Designelemente, die ihre Interessen ansprechen. Einige dieser Funktionen erfordern Kenntnisse in benutzerdefinierten Programmiersprachen wie HTML, aber ihr „Wow“-Effekt kann Ihnen mehr Conversions einbringen.

Schaffen Sie Dringlichkeit mit einem Countdown-Timer

In diesem Beispiel von Casper ist der Countdown-Timer ein wirkungsvollerer CTA als jeder herkömmliche „Jetzt kaufen“-Button, der dem Kunden ein erhöhtes Gefühl der Dringlichkeit zum Handeln vermittelt.

großartige E-Mail-Designs schaffen Dringlichkeit mit einem Countdown-Timer
Casper verstärkt den Wunsch seiner Kunden zu handeln, indem es mit einem Countdown-Timer vorangeht.

Fügen Sie einen interaktiven CTA hinzu

Bose nimmt den klassischen Rubbel-Rabatt-Coupon und macht ihn digital, um den doppelten Eindruck von visueller Attraktivität und einem hochmotivierenden CTA zu erzielen.

großartige E-Mail-Designs fügen einen interaktiven CTA hinzu
Bose bietet seinen Abonnenten nicht nur Rabatte. Die Marke lädt den Leser ein, sich überraschend und unerwartet zu engagieren.

Andere interaktive Funktionen sind keine CTAs für sich, sondern dienen dazu, das Interesse zu verstärken und die Klickattraktivität zu erhöhen.

Bleiben Sie aufmerksam mit:

  • Flipping-Effekte, die Sie auf jedes E-Mail-Element anwenden können, z. B. ein Produktfoto, das mehr Informationen preisgibt, wenn ein Benutzer mit der Maus über das Bild fährt
  • Rollover-Effekte, mit denen Kunden mehr Details und Blickwinkel der von Ihnen präsentierten Produkte sehen können

Es ist leicht, sich von diesen verspielten Designelementen mitreißen zu lassen. Stellen Sie sicher, dass Ihr CTA so hervorsticht wie der von Bose oben – indem Sie ein einfaches Layout mit viel Weißraum, großen Rändern und einer scanbaren Organisation verwenden.

Appellieren Sie an die Neugier Ihrer Leser

Statische Bilder können genauso wirkungsvoll sein, um Intrigen aufzubauen. In diesem Beispiel verzichtet Birchbox bewusst auf Produkterwähnungen oder Fotos, was die Neugier der Kunden weckt.

Großartige E-Mail-Designs sprechen die Neugier des Lesers an
Mit einer nostalgischen Ode an Wahrsager aus Papier kommuniziert Birchbox seine Botschaft spielerisch mit einem lustigen CTA.

Beenden Sie stark

In Ihrer Fußzeile suchen Abonnenten nach Details zu Ihrer Marke, erfahren, wie sie Sie kontaktieren können, und verwalten ihre E-Mail-Einstellungen. Es gibt Ihnen den Raum, Markentransparenz und -zugriff zu fördern und gleichzeitig Ihr E-Mail-Design zu vervollständigen.

Fügen Sie nützliche Informationen in Ihre Fußzeile ein

Fügen Sie wie der Rest Ihres E-Mail-Layouts nur Informationen hinzu, die für den Leser einen Mehrwert bieten. Häufige Fußzeilenfunktionen, nach denen Kunden suchen, sind:

  • Eine physische Adresse für Ihr Unternehmen
  • Eine einfache Möglichkeit, sich abzumelden, um Vertrauen aufzubauen, Spam-Beschwerden zu verhindern und die Opt-out-Bestimmungen der US Federal Trade Commission einzuhalten
  • Kontaktinformationen – z. B. ein Link zurück zu Ihrer Website, E-Mail-Adresse oder Telefonnummer
  • Schaltflächen für soziale Medien, um Abonnenten zu ermutigen, Ihnen zu folgen oder Ihre Inhalte in sozialen Netzwerken zu teilen

Abhängig von Ihrer E-Mail-Kampagne möchten Sie möglicherweise zusätzliche Elemente hinzufügen, wie z.

  • Option zum Weiterleiten an einen Freund
  • Link zu Ihrem Einstellungscenter für Abonnenten, um Optionen zu aktualisieren
  • Kurze Erinnerung, die erklärt, warum sie Ihre Nachrichten erhalten
  • Link zu Ihrer Datenschutzerklärung
  • Liste mit Details und Einschränkungen zu einem in der E-Mail präsentierten Angebot
  • Markenzeichen mit Details wie einem inspirierenden Zitat

Halten Sie Ihr Footer-Design konsistent

Organisieren Sie Informationen hierarchisch, damit Ihre Leser genau das finden, wonach sie suchen. Bleiben Sie dem Erscheinungsbild Ihres Layouts treu – wie es Headspace im Beispiel unten tut – um sicherzustellen, dass das endgültige Design zusammenhängend ist.

Gestalten Sie Ihre Fußzeile passend zu Ihrem Design mit:

  • Löschen Sie Kopfzeilen und Beschriftungen
  • Symbole zum Auflockern des Textes
  • Ein Hintergrund, der zu Ihrem Farbschema passt
  • Polsterung zu separaten Abschnitten
großartige E-Mail-Designs haben eine konsistente Fußzeile
Das E-Mail-Layout von Headspace fließt direkt in die Fußzeile. Die Marke nutzt den Raum, um Fragen einzuladen, soziale Symbole einzufügen, auf die Allgemeinen Geschäftsbedingungen zu verlinken und eine Option zum Abbestellen anzubieten.

Mit den richtigen Tools müssen Sie nicht bei Null anfangen

Für etwas, das am effektivsten ist, wenn es vereinfacht wird, kann die Entwicklung von E-Mail-Designs, die konvertieren, kompliziert werden – aber das muss nicht so sein.

Mit der E-Mail-Marketing-Plattform von Constant Contact können Sie Ihre nächste E-Mail-Kampagne mit vorgefertigten Vorlagen starten, die ins Schwarze treffen. So ist Ihr Design halbwegs aus der Tür, bevor Sie überhaupt mit dem Schreiben Ihrer Nachricht begonnen haben.

Von Personalisierungstools bis hin zu Drag-and-Drop-Inhaltsblöcken, E-Mail-Automatisierung und Kontaktsegmentierung haben Sie alle einfachen Anpassungselemente, die Sie benötigen, um echte Verbindungen zu Ihren Kunden aufzubauen.
Kontaktieren Sie uns, um mehr darüber zu erfahren, wie E-Mail-Marketing mit Design-Tools, die Ihrer Marke eine Stimme verleihen, für Sie funktionieren kann – oder probieren Sie es selbst aus.