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?
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.
Inhaltsverzeichnis
Unsplash: Bilder für E-Mails finden
Mailjet E-Mail-Editor: Bilder in E-Mails bearbeiten
Canva: Texte über Bilder legen
Giphy: Gifs für E-Mails erstellen
Image Code Picker: Farbcode herausfinden
Design Seeds: Farbpalette für die E-Mail-Vorlage zusammenstellen
Email on Acid: Vorlage überprüfen
03
Fazit
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.
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.
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.
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.
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.
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.
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.
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.
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.
***
Dies ist eine Überarbeitung eines Artikels, der ursprünglich von Juliane Heise verfasst und am 12. März 2019 erstmals publiziert wurde.
Verwandte Lektüre
Beliebte Beiträge
Zustellbarkeit
16 min
So vermeiden Sie den Spam-Ordner beim E-Mail-Marketing
Mehr lesen
Zustellbarkeit
9 min
Noreply-E-Mail: Darum sollten Sie keine Noreply-Adressen verwenden
Mehr lesen
7 min
SMTP-Server verständlich erklärt
Mehr lesen