So erstellen Sie E-Mails, die sich mit Conversion-zentriertem Design verkaufen

Veröffentlicht: 2021-11-03

Werden Ihre E-Mails nicht so konvertiert, wie sie sollten? Während Sie Ihre Texte oder Inhalte ändern, um das Abonnentenerlebnis zu optimieren, übersehen Sie möglicherweise ein sehr wichtiges Element: das Design.

Beim Design geht es nicht nur darum, Dinge schön aussehen zu lassen. Und schöne Designs allein sind nicht automatisch gleichbedeutend mit hoher Leistung. Wenn Sie gut aussehende E-Mails erstellen möchten, die sich verkaufen, benötigen Sie ein konversionszentriertes Design.

Was ist Conversion-Centered Design?

Conversion-Centered Design (CCD) ist genau das: Design, das auf Conversions ausgerichtet ist. Denken Sie an das Hauptziel Ihrer E-Mail. Verwenden Sie dann überzeugendes Design und psychologische Auslöser, um die Menschen zu den Maßnahmen zu führen, die Sie von ihnen erwarten. Es ist kein Trick; es ist CCD. Aber wie genau kann man das erreichen?

Stellen Sie sicher, dass Ihre Designs richtig rüberkommen

Abgebrochene E-Mails führen zu weniger Conversions. Zeigen Sie eine Vorschau Ihrer E-Mails auf über 100 E-Mail-Clients, Apps und Geräten an, um ein markenkonformes, fehlerfreies Abonnentenerlebnis zu gewährleisten. Jedes Mal.

Optimieren Sie Ihre E-Mails

9 Tipps zum Erstellen von E-Mails mit hoher Konversion

Es gibt mehrere Prinzipien von CCD, die alle auf E-Mail-Marketing angewendet werden können. Ich zeige dir wie.

1. Erfüllen Sie die durch die Betreffzeile gesetzte Erwartung

Bei diesem Tipp geht es nicht nur ums Design. Als solide Grundlage muss Ihre gesamte E-Mail in ihrem einzigen Ziel kohärent sein – von der Betreffzeile bis zum darin enthaltenen Call-to-Action. Dies bedeutet, dass Sie keine irreführenden Taktiken anwenden, die Abonnenten dazu verleiten, Ihre E-Mail zu öffnen. Dies ist das Gegenteil von CCD und führt zu geringeren Conversions.

Darüber hinaus sollte Ihre E-Mail dem Ziel zugeordnet sein, wie es Ihre Betreffzeile und der Inhalt Ihrer E-Mail versprochen haben. Kein Köder und Schalter: Was Ihren Abonnenten zum Öffnen und Klicken gebracht hat, sollte genau dazu führen. Es sollte darum gehen, eine konsistente Reise bereitzustellen, beginnend mit der Betreffzeile bis hin zur Zielseite. Dies hält die Erwartungen aufrecht und hilft, Vertrauen auf lange Sicht aufzubauen.

Weitere Informationen zum Erzielen von Öffnungen, Klicks und Conversions finden Sie in diesen Betreffzeilen-Tipps von E-Mail-Experten.

2. Betrachten Sie Verben, die in Ihren CTAs aufreizen

Kein Design kann einem schlechten Call-to-Action (CTA) helfen. Bevor wir also über Designüberlegungen sprechen, stellen Sie sicher, dass Sie Ihren CTA auf den Punkt bringen.

Eine gute CTA nicht nur den Akt des Verfahrens verstärken, verstärkt es den Wert davon.

Ihre Abonnenten sind nicht aufgewacht, um etwas herunterzuladen oder sich anzumelden. Stattdessen sind sie vielleicht aufgewacht, weil sie etwas wollten oder brauchen . Ihr Schaltflächentext sollte letzteres widerspiegeln und die Erwartung wecken, was Ihr Abonnent als nächstes sehen wird.

Um einen zu verkaufen… Anstatt von… Versuche dies…
Projektmanagement-App Jetzt downloaden. Beginnen Sie mit der Planung.
How-to-Blog-Post Mehr erfahren. Zeig mir wie.
Ein Paar Sneaker Kaufe heute. Schneller laufen.

3. Fokussieren Sie Ihren CTA mit Kapselung

Kapselung ist die Umhüllung, in die Sie den wichtigsten Inhalt einfügen. Die Idee besteht darin, dem Leser klar zu machen, dass der Inhalt für ihn wichtig ist. Ein Beispiel wäre, einen CTA in einem Tunnel oder Fenster zu zentrieren. Dies könnte durch Fotografie, ein Muster oder einen radialen Farbverlauf erreicht werden.

Draw-Eye-to-Cta
Mit einem Hintergrundbild den Blick auf den CTA lenken
Radial-Hintergrund
Ein radialer Hintergrund kann die Aufmerksamkeit auf den CTA lenken

Interessiert an diesem Ansatz? In diesen hilfreichen Blogbeiträgen erfahren Sie, wie es geht:

  • So begeistern Sie jeden Abonnenten ganz einfach mit einem E-Mail-Hintergrundbild (+ der Code dafür!)
  • Der beste Weg, HTML-E-Mail-Hintergrundfarben und -verläufe zu codieren

4. Heben Sie Ihren CTA durch Kontrast hervor

Abweichend von unseren Überlegungen zum barrierefreien Design sind wohlüberlegte Kontraste. Bei der Gestaltung mit CCD-Gesichtspunkten geht es darum, sicherzustellen, dass Ihr CTA sich von anderen Elementen in der E-Mail abhebt und sich daher abhebt.

Bei CCD betrachten wir auch die Farbpsychologie, da sie verwendet werden kann, um eine emotionale Reaktion von Ihren Abonnenten zu erhalten:

Farbpsychologie
Quelle: UX Planet

Für den größtmöglichen Kontrast empfiehlt die Interaction Design Foundation, Farben zu verwenden, die sich im Farbkreis gegenüberliegen.

Farbrad
Quelle: Canvas Farbkreis

Nicht alle Farbkontraste funktionieren jedoch für alle Leser gut. Testen Sie daher die Kontraste innerhalb der Farbpalette Ihrer eigenen Marke für die Zugänglichkeit von E-Mails.

5. Weisen Sie mit Richtungshinweisen auf wichtige Inhalte hin

Richtungshinweise sind visuelle Indikatoren, die auf wichtige Inhalte hinweisen und den Abonnenten helfen, Maßnahmen zu ergreifen. Beispiele für solche Hinweise umfassen Pfeile, Linien, Formen und Sichtlinien.

Mit Pfeilen können Sie buchstäblich auf wichtige Inhalte hinweisen, Leser durch eine E-Mail führen und sie auf anklickbare Elemente lenken. Linien und Formen können den gleichen Effekt haben, sind aber viel subtiler.

Go-Get-Knopf
Nennen Sie wichtige Elemente mit Pfeilen, um auf den CTA hinzuweisen

Mit der Fotografie können Sie Wege erstellen und die Sichtlinie der menschlichen Fotografie nutzen, um die Leser auf bestimmte Elemente zu lenken.

kühn-und-schön
Sichtlinie: Das Modell im Bild schaut unten links auf die Position des CTA

6. Lassen Sie viel Leerraum, damit CTAs leichter zu finden sind

Das Belassen von viel Leerraum innerhalb einer Komposition hilft Abonnenten, die Bereiche innerhalb einer E-Mail zu finden, in denen sie Maßnahmen ergreifen können. Ein gutes Beispiel ist Leerraum um einen CTA herum. Die zentrierte Positionierung und die großzügige Polsterung oben und unten helfen, den Blick auf eine Schaltfläche oder einen gestylten Textlink zu lenken.

E-Mail-Beispiel
Quelle: Wirklich gute E-Mails

Die letzte Schaltfläche in der obigen E-Mail enthält ausreichend Leerraum, um sicherzustellen, dass sie nicht übersehen wird, zusammen mit einer klaren Angebotserinnerung.

7. Gib den Leuten einen Blick darauf, was sie bekommen

Zeigen, nicht erzählen. Das alte Sprichwort „Ein Bild sagt mehr als tausend Worte“ ist wahr. Die Leute möchten sehen oder in der Vorschau sehen, was sie bekommen, bevor sie sich dazu verpflichten, Maßnahmen zu ergreifen. Ist es ihre Zeit und ihr Geld wert? E-Mail-Design ist perfekt, um Ihr Produkt oder Ihre Dienstleistung zu präsentieren.

Google-E-Mail-Beispiel
Quelle: Wirklich gute E-Mails

In dieser interaktiven Werbe-E-Mail stellt Google seine kabellosen Pixel Buds-Kopfhörer vor. Mit vergrößerten Bildern im Hero-Bereich kann der Abonnent das Produkt studieren. Weitere Bilder im Text der E-Mail zeigen Beispiele für das verwendete Produkt.

Interaktivität bietet ein noch intensiveres Erlebnis, mit der Möglichkeit, zwischen den Farben zu wechseln, den Artikel in einen Warenkorb zu legen und sich zur Kasse durchzuklicken. Dies ist eine großartige Möglichkeit, die Conversions durch Interaktivität zu steigern, da der Weg zum Kauf verkürzt wird.

8. Nutzen Sie die Dringlichkeit, um zum Handeln zu ermutigen

Das Versenden von E-Mails, die ein Gefühl der Dringlichkeit haben – wie „Frühbucherpreise enden“, „1 Tag bis …“ oder „beginnt in 1 Stunde“ – kann Maßnahmen vorantreiben, indem die Entscheidungszeit begrenzt wird.

Visuelle Techniken und Elemente wie Countdown-Timer, fette und große Typografie, kürzere Nachrichten und CTAs, die beim Öffnen sichtbar sind, können Abonnenten helfen, schnelle Maßnahmen zu ergreifen.

Synapse-E-Mail
Quelle: Wirklich gute E-Mails

9. Mit Social Proof Vertrauen wecken

Das Einschließen von positivem Kundenfeedback zu Ihrem Produkt oder Ihrer Dienstleistung kann das Vertrauen stärken und potenziellen Kunden das zusätzliche Vertrauen geben, das zum Ergreifen von Maßnahmen erforderlich ist. Dies kann in Form eines Erfahrungsberichts, einer Rezension oder einer Sternebewertung erfolgen.

E-Mail-Beispiel
Quelle: Wirklich gute E-Mails

Der Weg zur Conversion ist klar

Menschen verbringen durchschnittlich nur 10 Sekunden damit, eine E-Mail zu lesen. Daher ist es wichtig, dass Skimmer den Kontext Ihrer gesamten E-Mail verstehen, ohne den Text lesen zu müssen. Conversion-zentriertes Design ist eine Möglichkeit, dies zu ermöglichen und Ihre Abonnenten schnell zu Ihrem Call-to-Action zu bringen, bevor sie das Interesse verlieren. Probieren Sie die Tipps in diesem Artikel aus, um den Weg zur Konvertierung freizumachen, und teilen Sie uns mit, wie es läuft!

Lackmus-Logo

Erstellen Sie pixelgenaue E-Mails – mit Litmus

Erstellen Sie schnell markenspezifische, fehlerfreie E-Mails. Standardisieren Sie die Qualitätssicherung durch automatisierte Pre-Send-Checks. Und so viel mehr.

Kostenlos testen