Zurück zum hauptmenü

E-Mail

Erstellen Sie großartige E-Mail-Vorlagen mit diesen 7 wichtigen Design-Tools

Unsere top Empfehlungen für die Gestaltung Ihrer E-Mail-Vorlagen. Kennen Sie schon Unsplash, Canva oder Giphy?

Hermes malt Hera

Bei der Gestaltung Ihres E-Mail-Designs, geht es darum, mit einigen grundlegenden bewährten Verfahren vertraut zu sein und sich über die wichtigsten Trends auf dem Laufenden zu halten. Während einige Konzepte ein etwas fortgeschritteneres Niveau erfordern, sind die meisten für jeden zugänglich - besonders wenn Sie die richtigen Werkzeuge und Ressourcen zur Verfügung haben.

Speziell zu diesem Thema, haben wir eine komplette Sitzung unserer Veranstaltung des E-Mail Camp 2020 gewidmet. Befragt dazu haben wir viele Experten aus der Welt des E-Mailings, darunter François Sahli, Grafikdesigner bei Mailjet, und Jonathan Loriaux, CEO und Gründer von Badsender.

In diesem Artikel haben wir daher alle bewährten Verfahren, Ressourcen und Trends, die diese beiden Hauptredner zum Thema E-Mail-Design geteilt haben, für Sie zusammengefasst.

Was sind E-Mail-Vorlagen und wie können sie erstellt werden?

Der Bereich E-Mail-Marketing ist groß und es gibt viele Aufgaben zu bewältigen. Mit E-Mail-Vorlagen wird Ihnen das Erstellen von E-Mails erleichtert. Bei Vorlagen, auch E-Mail-Templates genannt, handelt es sich um vorgefertigte Designs von E-Mails, die dann nach Belieben adaptiert werden können.

Oftmals sind diese für bestimmte Aktionen und besondere Tage, wie z.B. Black Friday, Ostern oder Weihnachten, konzipiert. Vorlagen unterscheiden sich auch, je nachdem ob Ihre E-Mail-Newsletter eher im Bereich E-Commerce, Kosmetik oder Tourismus liegen. Bei Mailjet sind Vorlagen responsive und es sind beispielsweise keine Programmierkenntnisse erforderlich.

7 Tools für Ihre E-Mail-Vorlagen

Um Ihnen zu helfen, visuelle Inhalte für Ihre E-Mails zu erstellen, haben wir einige unserer beliebtesten Tools zusammengestellt, mit denen Sie auffällige grafische Inhalte erstellen können. Wenn Ihr Grafikdesigner also in den Urlaub geht oder eine Hand braucht, können Sie selbst eine E-Mail verfassen, egal welche Erfahrung Sie haben.

Unsplash: Bilder für E-Mails finden

Ansprechende Newsletter und andere Marketing E-Mails ohne Bilder? Schlecht vorstellbar. Doch woher professionelle Fotografien und andere Bilder für Newsletter und Co. nehmen, wenn man selber nicht die internen Ressourcen dazu hat?

Hier kommen Bilddatenbanken ins Spiel.

Es gibt eine Vielzahl an Bilddatenbanken im Internet. Unser Liebling ist Unsplash. Wir selber nutzen Unsplash, um passende Headerbilder für unsere Blogartikel, Leitfäden Studien und Case Studies zu finden. Diese nutzen wir auch, um unseren eigenen Newsletter gestalterisch aufzupeppen.

Es gibt eine große Auswahl an hochwertigen und modernen Fotografien zu verschiedensten Themen, völlig frei von Urheberrechten und alle mit exzellenter Auflösung. Die einzelnen Bilder sind in verschiedene Themen-Sammlungen sortiert.

Unsplash

Mailjet E-Mail-Editor: Bilder in E-Mails bearbeiten

Der Drag-and-drop-Editor von Mailjet ist ein Muss auf unserer Liste der Must-Have-Tools für die Erstellung gestalterisch gelungener E-Mails.

Es gibt wenig Nervenaufreibenderes, als wenn man die Bilder hochlädt und sie die E-Mail-Vorlage einfügen will, und dann ist es zu groß, zu klein oder wird verzerrt angezeigt.

Die bedeutet dann in den meisten Fällen: (1) löschen, (2) Bildbearbeitungsprogramm öffnen, (3) Bild neu zuschneiden und dann wieder (4) hochladen.

Bei Mailjets E-Mail-Editor bleibt Ihnen dies erspart. Bilder, die Sie hochladen, können Sie direkt im Tool anpassen.

Illustration, die den Editor von Mailjet zeigt

Bilder werdendirektim Editor von Mailjet angepasst

Zu große Bilder, die zwar optisch gut aussehen, jedoch viel Speicherplatz verbrauchen, können dahingehend kritisch sein, dass E-Mail-Programme wie Gmail, Hotmail, Outlook und Co. solche Bilder aussortieren.

Der Editor warnt Sie, wenn Sie ein Bild in die E-Mail-Vorlage einfügen möchten, dass größer als 1 MB ist.

Darüber hinaus können Sie im Editor in Echtzeit an denselben Newsletter-Vorlagen mit Ihrem Team arbeiten, ähnlich wie bei der Bearbeitung eines Dokuments auf Google Drive.

Mailjet

Möchten Sie unseren E-Mail-Editor testen, ohne ein Konto anzulegen?

Testen Sie den Drag-and-drop-E-Mail-Editor von Mailjet und entdecken Sie die Möglichkeit, beeindruckende E-Mail-Kampagnen zu erstellen, die auf allen Geräten gut aussehen.

Canva: Texte über Bilder legen

Nicht immer kann man die Bilder so für die E-Mail-Vorlage nehmen. Je nach beabsichtigtem Design und Inhalt ist eine Weiterbearbeitung notwendig. Die Bilder müssen stark zugeschnitten werden oder Texte, Symbole und andere grafische Elemente sollen hinzugefügt werden.

Doch wie stellen Sie das am besten an?

Unsere klare Empfehlung ist hier Canva. Canva ist nicht nur in der Basisversion kostenlos. Es ist unglaublich einfach zu nutzen und verfügt auch über eine umfangreiche Bibliothek von Symbolen, Fotos und Logos, die Sie für Social Media oder E-Mails anpassen und in den Text einfügen können. So können Sie Ihren Call-To-Action in Szene setzen.

Auch ermöglicht es die Zusammenarbeit im Team (und Sie wissen, wie sehr uns Tools gefallen, die uns produktiver arbeiten lassen).

Sie können aus einer Vielzahl von vorgefertigten Vorlagen mit einer Vielzahl von Abmessungen nach Ihren Bedürfnissen wählen - von Infografiken über Werbebroschüren bis hin zu E-Mail-Headern in diversen Schriftarten.

screenshot-www.canva_.com-2015-10-28-20-55-501

Canva kommt aus irgendeinem Grund nicht in Frage? Zwei Alternative zu Canva sind Crello und Design Wizard.

Giphy: Gifs für E-Mails erstellen

Animierte Bilder und andere Bewegelemente in E-Mails? Wir sagen “Ja”, sofern Sie nicht mehr als eines pro E-Mail verwenden.

Die Verwendung von animierten Elementen peppt Ihre E-Mail-Vorlagen auf. Sie fügen eine Spur Humor hinzu und lenken die Aufmerksamkeit besonders stark auf bestimmte Bereiche der E-Mail.

Doch wie erstellt man ein sogenannten Gif? Am einfachsten mit einem Tool wie Giphy, unsere klare Empfehlung in diesem Bereich.

Viele Leute kennen Giphy als Sammelsurium lustig animierter Gifs.

Giphy

Den Gifmaker selber kennen aber die Wenigsten. Damit lassen sich in Handumdrehen Gifs für Ihre E-Mails erstellen, entweder aus einer Reihe von Fotos oder über den Upload eines kurzen Films.

Image Code Picker: Farbcode herausfinden

Stellen Sie sich vor, Sie surfen im Internet und Sie finden das perfekte Blau, das Sie in Ihrem E-Mail Design verwenden möchten. Doch was genau für ein Blauton ist das?

Image Color Picker ist das Tool, was Sie an dieser Stelle brauchen.

Klicken Sie einfach auf einen beliebigen Teil eines Bildes und das Tool identifiziert die Farbe und das Tool gibt Ihnen den genauen Farbcode zur Weiterverwendung in Ihren E-Mails.

mit dem Image Color Picker können Sie Farben identifizieren

Den genauen Farbcode einer bestimmten Farbe zu wissen, ist für den nächsten Punkt enorm hilfreich:

Design Seeds: Farbpalette für die E-Mail-Vorlage zusammenstellen

E-Mail Designs müssen stimmig sein, damit der Empfänger mit diesen interagiert und nicht sofort auf “Löschen” drückt.

Die Farbgestaltung spielt hier eine der Schlüsselrollen. Harmonisieren Farben, dann wirkt die ganze E-Mail-Vorlage stimmig.

Doch die Wahl der passenden Farbpalette kann für einen unerfahrenen Designer ein Problem darstellen.

Die in einem E-Mail verwendeten Farben müssen zun den Corporate Farben (die Mailjet Grundfarben sind übrigens gelb-orange und grau), zum Thema (wie komisch würde es wirken, wenn eine E-Mail-Kampagne zum Valentinstag statt rot und rosa die Farben braun und orange enthalten würde) passen.

Hier ist ganz schön viel unter einen Hut zu bringen.

Design Seeds ist in diesem Fall ideal. Und das Beste - es ist kostenlos. Auf Design Seeds können Sie nach Fotos und die dazugehörige Farbe suchen. Neben jedem Bild erscheinen Farbkombinationen, die Sie in den Rest Ihres Designs integrieren können.

design-seeds

PS: Weitere Tipps und Tricks zu diesem Thema lesen Sie hier: So setzen Sie Farben in E-Mails richtig ein.

Email on Acid: Vorlage überprüfen

Bevor die perfekte E-Mail verschickt wird, ist es hilfreich, wenn sie zuvor noch einmal überprüft wird. Mit Email on Acid können Sie überprüfen, wie die E-Mail in verschiedenen Browsern, E-Mail-Clients und auf verschiedenen Endgeräten angezeigt wird – so sieht Ihre professionelle E-Mail in jedem Posteingang gut aus.

Dies ist eine enorme Zeitersparnis gegenüber dem manuellen Versenden von E-Mails an Ihr Team, damit diese das Design und die Funktionen überprüfen. Email on Acid bietet zudem "Click to Fix"-Funktionen, die bei häufigen Problemen helfen, wie z. B. dem Ersetzen des ersten Frames von animierten GIFs für den hartnäckigsten E-Mail-Client - Outlook.

Abbildung der Checkliste von Email on Acid

E-Mail-Vorschauen von Email on Acid

Fazit

Ein starkes E-Mail-Design sieht nicht nur gut aus, sondern es ist der beste Weg, um Klicks und die Konversionsrate zu fördern. Und wenn es etwas gibt, das Sie heute mitnehmen können, dann ist es die Inspiration, eine tolle E-Mail-Vorlage zu erstellen.

Früher war dies eine mühsame und zeitaufwändige Angelegenheit - sehr abschreckend für vielbeschäftigte, zeitlich beanspruchte Marketer. Jetzt machen es leistungsstarke Plattformen wie Canva, GIPHY, Unsplash und Mailjet einfacher, E-Mails mit ausgefallenem Design zu erstellen, die auf Laptops und Mobilgeräten gleichermaßen gut aussehen.

Sie können es kaum erwarten, mit der Gestaltung beeindruckender E-Mail-Kampagnen zu beginnen? Probieren Sie jetzt unsere E-Mail-Editor-Demo aus. Dafür müssen Sie natürlich kein Konto anlegen.

Nachdem Sie Ihre personalisierte E-Mail erstellt haben, fehlt nur noch die perfekte Betreffzeile, bevor Sie Ihre Marketingkampagne verschicken können.

Mailjet

Entwerfen Sie umwerfende E-Mails mit Mailjet

***

Dies ist eine Überarbeitung eines Artikels, der ursprünglich von Juliane Heise verfasst und am 12. März 2019 erstmals publiziert wurde.

Beliebte Beiträge

Hermes auf Schreibtisch stehend auf Mac mit Kaffee

Zustellbarkeit

16 min

So vermeiden Sie den Spam-Ordner beim E-Mail-Marketing

Mehr lesen

Hermes und Hera vor den Briefkästen

Zustellbarkeit

9 min

Noreply-E-Mail: Darum sollten Sie keine Noreply-Adressen verwenden

Mehr lesen

Gott beobachtet Frau mit Computerdrähten

E-Mail

7 min

SMTP-Server verständlich erklärt

Mehr lesen

Der Aufbau von Beziehungen war noch nie so einfach. Starten Sie jetzt mit Mailjet durch.Starten Sie Ihr Abenteuer
CTA icon