[{"data":1,"prerenderedAt":77},["ShallowReactive",2],{"i-material-symbols:language":3,"i-material-symbols:person":8,"i-mdi:instagram":10,"i-mdi:youtube":12,"i-ri:linkedin-fill":14,"i-ri:twitter-x-line":16,"i-ri:facebook-fill":18,"post-email-design":20,"i-material-symbols:person-outline":69,"i-material-symbols:calendar-month":71,"i-mdi:schedule":73,"i-simple-icons:xing":75},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M9.175 10.825Q8 9.65 8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12t-2.825-1.175M4 20v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002M7 8.48H3V21h4zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z\"\u002F>",{"postType":21,"id":22,"author":23,"date":26,"modified":27,"title":28,"slug":29,"seoTitle":30,"seoDescription":31,"excerpt":32,"trimmedExcerpt":33,"content":34,"readingTime":35,"featuredImage":36,"postCategory":42,"relatedPosts":47},"post",50365,{"id":24,"name":25},"author-0301142015","Canto","2020-10-29T18:00:07","2025-12-01T10:57:14","E-Mail-Design: So erzielen Sie höhere Konversionsraten und sehen gut dabei aus","email-design","E-Mail-Design – Grundlegende Tipps für mehr Leistung","E-Mail-Design ist mehr als nur eine Frage der Ästhetik. Sie wollen Kunden gewinnen! Ein intelligentes Design kann Ihnen dabei behilflich sein.","Nie war es leichter, eine E-Mail visuell ansprechend zu gestalten, schließlich leben wir in einer Welt unzähliger Designvorlagen. Doch ist ein E-Mail-Design mehr als nur reine Ästhetik. Sie erwarten, dass Ihre E-Mails Conversions bringen, also neue Interessenten oder bestenfalls sogar Kunden gewinnen. Intelligente Entscheidungen hinsichtlich des Designs können Sie beim Erreichen dieser Ziele unterstützen. Es […]","Nie war es leichter, eine E-Mail visuell ansprechend zu gestalten, schließlich leben wir in einer Welt unzähliger Designvorlagen. Doch ist...","\u003Cp class=\"wp-block-paragraph\">Nie war es leichter, eine E-Mail visuell ansprechend zu gestalten, schließlich leben wir in einer Welt unzähliger Designvorlagen. Doch ist ein E-Mail-Design mehr als nur reine Ästhetik. Sie erwarten, dass Ihre E-Mails Conversions bringen, also neue Interessenten oder bestenfalls sogar Kunden gewinnen. Intelligente Entscheidungen hinsichtlich des Designs können Sie beim Erreichen dieser Ziele unterstützen.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Es gibt beim E-Mail-Design ein paar bewährte Vorgehensweisen – die ‘Best Practices’, von denen Sie gleich zweifach profitieren. Erstens können Sie damit sofort eine bessere E-Mail-Performance erzielen und zweitens Ihre Markenidentität langfristig festigen.\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-1--darum-ist-e-mail-design-so-wichtig\">Darum ist E-Mail-Design so wichtig\u003C\u002Fh2>\u003Ch3 class=\"wp-block-heading\">Einzigartige Gelegenheit für Ihr Branding\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Mit jeder neuen Kampagne erreicht Ihre Marke die Kunden direkt – bei ihnen zu Hause, im Büro und sogar in der Hosentasche. Dabei trägt jeder einzelne Bestandteil jeder E-Mail zu einem Gesamteindruck Ihrer Marke bei. Das Design gehört dazu.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Ob Sie nun bestehende Vorlagen benutzen oder ganz bei Null anfangen – Sie müssen unbedingt die \u003Ca href=\"\u002Fde\u002Fblog\u002Fbrand-style-guide\u002F\">Markenrichtlinien\u003C\u002Fa> Ihres Unternehmens einhalten.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Ein kleines Beispiel: Welche der E-Mails unten im Bild stammt Ihrer Meinung nach von Starbucks? Welcher E-Mail würden Sie eher vertrauen? Wenn Design und Marke aufeinander abgestimmt sind, passt es einfach – und das ist spürbar.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"501\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190537\u002FEmail-design_DE-2.jpg\" alt=\"Zwei E-Mail-Designs im Vergleich, eines mit markenfremden und eines mit markenkonformen Farben.\" class=\"wp-image-50369\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190537\u002FEmail-design_DE-2.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190537\u002FEmail-design_DE-2-450x376.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch3 class=\"wp-block-heading\">Gutes E-Mail-Design erhöht die Konversionsrate\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Mit einem guten Design kann eine bessere E-Mail-Performance erzielt werden, indem:\u003C\u002Fp>\u003Cul class=\"wp-block-list\">\u003Cli>die Aufmerksamkeit des Lesers erregt wird\u003C\u002Fli>\u003Cli>der Leser nicht überfordert wird\u003C\u002Fli>\u003Cli>sein Blick zum CTA (Handlungsaufforderung) gelenkt wird\u003C\u002Fli>\u003Cli>das Vertrauen in Ihre Marke gefestigt wird\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"wp-block-paragraph\">Zum Glück müssen Sie sich nicht zwischen einem marken- und einem leistungsorientierten Design entscheiden. Beide Aspekte können nahtlos ineinandergreifen.\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-2--so-gestalten-sie-e-mail-vorlagen\">So gestalten Sie E-Mail-Vorlagen\u003C\u002Fh2>\u003Cp class=\"wp-block-paragraph\">Sofern Sie Ihre E-Mails vom firmeninternen Designer von Grund auf neu erstellen lassen, entsprechen sie höchstwahrscheinlich bereits Ihren Markenrichtlinien. Vergessen Sie nicht, sich dafür bei ihr\u002Fihm zu bedanken! Sollten Sie allerdings die Vorlage eines Drittanbieters verwenden, werden Sie wahrscheinlich ein paar kleine Dinge anpassen wollen.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Fügen Sie Ihr Logo hinzu\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Ihr Logo ist das wertvollste \u003Ca href=\"\u002Fde\u002Fblog\u002Fmarken-assets\u002F\">Marken-Asset\u003C\u002Fa> Ihres Unternehmens. Zeigen Sie deutlich, dass die E-Mail von Ihnen stammt, indem Sie es ganz oben platzieren.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"501\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-3.jpg\" alt=\"Gemäß dem jeweiligen Branding mit Logos und Farben versehene E-Mails.\" class=\"wp-image-50370\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-3.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-3-450x376.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch3 class=\"wp-block-heading\">Verwenden Sie die korrekten Farben\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Sehr wahrscheinlich müssen Sie das Farbschema der Vorlage anpassen. Konsultieren Sie dazu die Markenrichtlinien Ihres Unternehmens, um sicherzustellen, dass Sie die richtigen Farben einsetzen.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Websichere Schriftarten versus Webfonts\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Damit Ihre E-Mails in jedem E-Mail-Programm eine gute Figur machen, müssen Sie eine Schriftart festlegen, die auch korrekt angezeigt wird.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Websichere Schriftarten\u003C\u002Fstrong> – Am einfachsten ist es, eine websichere Schriftart zu verwenden. Websichere Schriftarten sind gängige, praktisch universelle Fonts wie z. B. Arial, Tahoma, Verdana und Times New Roman.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Webfonts\u003C\u002Fstrong> – Bietet Ihre Vorlage eine Auswahl an kreativeren Schriftarten, benutzt sie wahrscheinlich Webfonts. Im Gegensatz zu websicheren Schriftarten sind Webfonts nicht standardmäßig auf allen Geräten und Betriebssystemen installiert.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Zwar werden Webfonts von den meisten E-Mail-Anwendungen unterstützt, doch nicht von allen. Daher müssen Sie stets zur Sicherheit eine websichere Schriftart auswählen. Das bezeichnet man als Ersatzschriftart. Diese wird entweder von Ihrem E-Mail-System automatisch zugewiesen oder Sie können sie auswählen. In jedem Fall aber sollten Sie das Aussehen Ihrer E-Mail auch mit der Ersatzschriftart testen.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"501\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-4.jpg\" alt=\"Ein Webfont und die websichere Ersatzschriftart nebeneinander.\" class=\"wp-image-50371\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-4.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-4-450x376.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch3 class=\"wp-block-heading\">Testen Sie die Anpassung für Mobilgeräte\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Welche Vorlage Sie auch immer entwickeln oder anpassen, achten Sie darauf, dass sie auch mobil funktioniert und reagiert. Dieser Aspekt mag selbstverständlich erscheinen, doch angesichts der Tatsache, dass 35-50 % (je nachdem, wer die Statistik erstellt) aller E-Mails auf Mobilgeräten gelesen werden, ist er zu wichtig, um nicht noch einmal extra zu erwähnen.\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-3--vereinfachen-sie-und-dann-vereinfachen-sie-noch-mehr\">Vereinfachen Sie. Und dann vereinfachen Sie noch mehr.\u003C\u002Fh2>\u003Ch3 class=\"wp-block-heading\">Eine E-Mail, eine Botschaft.\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Ihr Konzept einfach und unkompliziert zu halten wird Ihnen eher gelingen, wenn Sie nicht versuchen, alles auf einmal zu sagen. Jede von Ihnen versandte E-Mail sollte eine einzelne, klare Botschaft enthalten. Möchten Sie viel mitteilen? Dann werden Ihre Inhalte wahrscheinlich besser ankommen, wenn Sie sie auf mehrere E-Mails verteilen.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Fassen Sie sich kurz\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Vermutlich versenden Sie E-Mails, weil Sie wollen, dass Ihre Kunden etwas bestimmtes tun. Machen Sie es ihnen also so einfach wie möglich. Niemand blättert durch vier Absätze und zehn Bilder, um ausgerechnet den Link ausfindig zu machen, den Sie bewerben. Fassen Sie sich stattdessen kurz, sodass Ihr wichtigster Inhalt nicht aus dem Blickfeld gerät.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Wie kurz, fragen Sie sich? Nunja, manche Marken gehen in Sachen Minimalismus in E-Mails bis an die Grenzen des Machbaren. Wie dieses Beispiel von LinkedIn:\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"396\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-5.png\" alt=\"Beispiel für ein minimalistisches E-Mail-Design von LinkedIn.\" class=\"wp-image-50372\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-5.png 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190536\u002FEmail-design_DE-5-450x297.png 450w\" \u002F>\u003C\u002Ffigure>\u003Cp class=\"wp-block-paragraph\">So extrem muss man es mit dem schlichten Design bei den wenigsten E-Mails halten. Dennoch sollten Sie jeden Ihrer Entwürfe genau unter die Lupe nehmen und überlegen, was Sie einsparen können. Allein das Weglassen von Text macht die folgende E-Mail wesentlich übersichtlicher:\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"449\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-6.jpg\" alt=\"Ein vereinfachtes Newsletter-Design in direktem Vergleich mit einem unübersichtlichen, überfrachteten Design.\" class=\"wp-image-50373\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-6.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-6-450x337.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch2 class=\"wp-block-heading\" id=\"toc-4--das-zusammenspiel-der-elemente-im-e-mail-design\">Das Zusammenspiel der Elemente im E-Mail-Design\u003C\u002Fh2>\u003Cp class=\"wp-block-paragraph\">Sie haben sich also die Hände schmutzig gemacht, den perfekten Text erstellt und die passenden Bilder gefunden. Wenn Ihr Kunde aber Ihre E-Mail zum ersten Mal öffnet, sieht er sie als Ganzes. All die von Ihnen liebevoll erarbeiteten Elemente müssen als eine Einheit zusammenwirken.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Wenn Sie das nächste Mal eine E-Mail gestalten, holen Sie sich einen Kaffee oder einen Snack. Sobald Sie wieder zurück zu Ihrem Schreibtisch gehen, beurteilen Sie Ihren Entwurf aus der Distanz mit frischen Augen.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Nutzen Sie den Weißraum großzügig\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Der Platz, den Sie rund um Ihre Texte, Fotos und sonstigen Gestaltungselemente lassen, wird als Weißraum (‘White Space’) bezeichnet. Wenn Sie Ihren Inhalten Freiraum zum Atmen geben, heben Sie sie dadurch hervor. Ihre E-Mails werden dadurch besser lesbar.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Kommen Sie zum Punkt\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Die meisten Leute werden Ihre E-Mail nicht bis zum Ende lesen. Überlegen Sie sich also genau, was Sie Ihren Kunden mitteilen möchten, und kommen Sie direkt zum Punkt.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Stellen Sie sich Ihre E-Mail wie einen Nachrichtenartikel vor: Selbst wenn jemand nur die Überschrift liest, wüsste er trotzdem, was los ist. Im ersten Satz wird alles etwas deutlicher. Und wenn jemand wirkliches Interesse hat, kann er die ganze Geschichte lesen.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"446\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-7.jpg\" alt=\"Beispiele für E-Mails mit simplen, klaren Überschriften und einer Hierarchie verschiedener Schriftgrößen.\" class=\"wp-image-50374\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-7.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-7-450x335.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch3 class=\"wp-block-heading\">Wichtige Dinge groß darstellen\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Das Prinzip ist einfach, wird aber leicht vergessen, wenn man sich mit Farbschemata und der Auswahl der Schriftart auseinandersetzt. Erstellen Sie eine Hierarchie dessen, was in Ihrer E-Mail am wichtigsten ist, und heben Sie diese Dinge durch eine größere Darstellung hervor.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Nutzen Sie nur eine Spalte\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">E-Mails, die in einer Spalte strukturiert sind, machen sowohl auf dem Desktop als auch auf Mobiltelefonen einen guten Eindruck. Zudem stellt sich nicht die Frage, was man zuerst lesen sollte. Mit einer Breite von 600-640 Pixeln können die meisten E-Mail-Clients am besten umgehen.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Ausrichtung auf Ihre Handlungsaufforderung\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Wenn Sie Ihre wichtigsten Inhalte groß darstellen und nach oben stellen, könnte Ihre E-Mail ein wenig kopflastig wirken. In Wirklichkeit aber ist das für Sie von Vorteil, da es Ihren CTA (‘Call to Action’, Handlungsaufforderung) direkt ins Blickfeld rückt.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Ein solcher ‘Trichter’-Effekt lässt sich tatsächlich mit einem unterschwelligen visuellen Dreieck erreichen, oder indem Sie ein entsprechendes Gefühl erzeugen, indem Sie gewichtigere Elemente am Anfang einfügen.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"446\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-8.jpg\" alt=\"Umgedrehte Dreiecke weisen auf die Handlungsaufforderung hin.\" class=\"wp-image-50375\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-8.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-8-450x335.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch3 class=\"wp-block-heading\">Finden Sie das richtige Verhältnis von Bildern und Text\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Die meisten Marketing-E-Mails bestehen aus einer Kombination von Texten und Bildern. Das richtige Verhältnis zwischen den beiden hängt davon ab, was Sie mitteilen möchten.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">In einer E-Mail, die ein neues Produktdesign hervorhebt, wird man das mithilfe umwerfender Bilder zur Geltung bringen wollen. Möchte eine E-Mail einen Blog-Artikel hervorheben, kann sie sich mehr auf den Text konzentrieren und die Bilder eher als Untermalung verwenden.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"537\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-9.jpg\" alt=\"Ein bild- und ein textlastiges E-Mail-Design im direkten Vergleich nebeneinander.\" class=\"wp-image-50376\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-9.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190535\u002FEmail-design_DE-9-450x403.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch2 class=\"wp-block-heading\" id=\"toc-5--bilder-strategisch-einsetzen\">Bilder strategisch einsetzen\u003C\u002Fh2>\u003Cp class=\"wp-block-paragraph\">Menschen fühlen sich von Natur aus zu Bildern hingezogen. Mit eindrucksvollen Fotos und Illustrationen wecken Sie bei Ihren Kunden das Verlangen, Ihre E-Mails zu lesen. Grafiken und Fotos sind ein Schaufenster für Ihre Marke – sie vermitteln sofort Persönlichkeit und Stimmung, noch bevor der Leser überhaupt Ihren Text zu lesen anfängt.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Die richtigen Bilder auswählen\u003C\u002Fh3>\u003Ch4 class=\"wp-block-heading\">Ergänzung Ihrer Botschaft\u003C\u002Fh4>\u003Cp class=\"wp-block-paragraph\">Hat Ihre E-Mail einen feierlichen Charakter? Ist sie elegant? Oder eher ruhig? Bilder und Texte müssen zusammenpassen und die gleiche Geschichte erzählen. Und – Sie werden es bereits ahnen – sie müssen Ihre \u003Ca href=\"\u002Fde\u002Fblog\u002Fmarkenidentitaet\u002F\">Markenidentität\u003C\u002Fa> widerspiegeln.\u003C\u002Fp>\u003Ch4 class=\"wp-block-heading\">Ausgewogenheit zwischen Kohäsion und Vielfalt\u003C\u002Fh4>\u003Cp class=\"wp-block-paragraph\">Sämtliche Bilder in Ihrer E-Mail müssen so aussehen, als ob sie zusammengehören. Eine wilde Mischung aus verschiedenen Stilen wirkt chaotisch und kann Ihrer Marke schaden. Trotzdem sollten auch Ihre Bilder nicht exakt gleich aussehen. Verwenden Sie verschiedene Perspektiven, Bildkompositionen und sowohl schmale als auch breite Ausschnitte.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"479\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-10.jpg\" alt=\"E-Mails mit Fotos im Marken-Design.\" class=\"wp-image-50377\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-10.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-10-450x359.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch4 class=\"wp-block-heading\">Nutzen Sie Bilder mit Menschen. Oder verzichten Sie darauf.\u003C\u002Fh4>\u003Cp class=\"wp-block-paragraph\">Wenn Sie Bilder mit Menschen darin verwenden, verleihen Sie Ihrer Marke ein menschliches Gesicht. Das kann Ihnen helfen, eine Verbindung zu Ihren Kunden aufzubauen, insbesondere wenn die Person auf dem Foto direkt in die Kamera schaut.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Doch eignen sich Bilder mit Personen nicht für alle Marken oder in jeder Situation. Mitunter ist es wünschenswert, dass die Kunden sich vorstellen, dass sie selbst auf dem Foto abgebildet sind.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Die folgenden Beispiele zeigen, wie zwei Marken verschiedene Ansätze verfolgen. Bei Molekule können sich die Kunden mit einer Person identifizieren, während sie bei Hay einen leeren Raum vorgeführt bekommen, bei dem sie so tun können, als wäre es ihrer.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"520\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-11.jpg\" alt=\"Zwei Beispiele für E-Mail-Designs, eines mit und eines ohne Personen im Bild.\" class=\"wp-image-50378\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-11.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-11-450x390.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch4 class=\"wp-block-heading\">Lenken Sie die Aufmerksamkeit auf Ihre Inhalte\u003C\u002Fh4>\u003Cp class=\"wp-block-paragraph\">Für welche Art von Bildern Sie sich auch entscheiden, achten Sie darauf, dass jede Richtungsbewegung – die Blickrichtung einer Person, ein fahrender Zug – auf Ihre Inhalte ausgerichtet ist und nicht aus dem Rahmen hinaus führt. Beim folgenden Beispiel weiß das Auge nicht, was es tun soll. Soll es dem Blick der Frau folgen oder besser den Text lesen?\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"386\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-12.jpg\" alt=\"Eine E-Mail mit unvorteilhaftem Design verwendet das Bild einer Frau, die aus dem Rahmen hinaus blickt.\" class=\"wp-image-50379\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-12.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190534\u002FEmail-design_DE-12-450x290.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Cp class=\"wp-block-paragraph\">Wenn Sie das Foto spiegeln, ist das Problem gelöst. Nun führt ihre Blickrichtung den Leser direkt zur Zwischenüberschrift.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"386\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190533\u002FEmail-design_DE-13.jpg\" alt=\"Ein gutes Design der E-Mail, bei dem die Frau im Foto auf den Text schaut.\" class=\"wp-image-50380\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190533\u002FEmail-design_DE-13.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190533\u002FEmail-design_DE-13-450x290.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch4 class=\"wp-block-heading\">Alternativen zu Fotos\u003C\u002Fh4>\u003Cp class=\"wp-block-paragraph\">Für E-Mails sind Fotos die klassische Variante, doch es gibt auch andere Optionen. Eine einfache Lösung zum Einbinden kurzer Texte sind Symbole, wohingegen eigene Illustrationen im Farbschema Ihrer Marke ein einheitliches Gesamtbild vermitteln.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"532\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190533\u002FEmail-design_DE-14.gif\" alt=\"Eine Illustration gemäß Markenrichtlinie im Vergleich mit einem animierten GIF.\" class=\"wp-image-50381\" \u002F>\u003C\u002Ffigure>\u003Cp class=\"wp-block-paragraph\">Der Einsatz von GIFs ist ebenfalls möglich. Kaum etwas erregt so viel Aufmerksamkeit wie ein ‘lebendiges’ Bild. Mit Bedacht eingesetzt, können Sie Ihrem E-Mail-Design damit ein bisschen Abwechslung und Humor verleihen. Beachten Sie aber unbedingt die Dateigröße. Bleiben Sie unter 1 MB, dann dürften Sie erreichen, was Sie wollen.\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-6--gestalten-sie-handlungsaufforderungen-effektiv\">Gestalten Sie Handlungsaufforderungen effektiv\u003C\u002Fh2>\u003Ch3 class=\"wp-block-heading\">Lassen Sie die CTA hervorstechen\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Ihre Handlungsaufforderung (Call to Action) ist das wichtigste Element, und es darf keinesfalls in einem unübersichtlichen E-Mail-Design untergehen. Wenn Sie Ihr \u003Ca href=\"\u002Fde\u002Fintegrations\u002Fcanva\u002F\">Design\u003C\u002Fa> festlegen, muss deutlich werden, wohin der Kunde klicken soll.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Form der Schaltflächen\u003C\u002Fstrong> – Ob mit abgerundeten Ecken oder klassisch rechteckig, wir alle sind daran gewöhnt, in E-Mails nach bestimmten Schaltflächenformen Ausschau zu halten. Vermeiden Sie Verwirrung und halten Sie sich an eine der üblichen Formen.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Größe der Schaltflächen\u003C\u002Fstrong> – Kleine Bildschirme erfordern große Schaltflächen. Erleichtern Sie es Mobilgerätenutzern und machen Sie Ihre Schaltflächen fingergroß: 45 Pixel sind das Minimum!\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Farbe der Schaltflächen\u003C\u002Fstrong> – Wenn Sie eine helle, Kontrastfarbe wählen, wird Ihr CTA leichter gefunden.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Weißraum\u003C\u002Fstrong> – Lassen Sie ein wenig Platz um Ihre Schaltflächen, dann treten sie noch deutlicher hervor. Aber übertreiben Sie es nicht! Die Schaltflächen müssen weit genug vom Text entfernt sein, dass sie auffallen, aber dicht genug, dass klar ist, zu welchem Text sie gehören.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"488\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190533\u002FEmail-design_DE-15.jpg\" alt=\"Beispiele für E-Mails mit farblich hervorstechenden CTAs.\" class=\"wp-image-50382\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190533\u002FEmail-design_DE-15.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190533\u002FEmail-design_DE-15-450x366.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch3 class=\"wp-block-heading\">Machen Sie zuerst die Vorteile deutlich\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Die Schaltfläche des CTA ist eine Ausnahme zur Regel ‘Das Wichtigste zuerst’. Sie müssen zunächst den Sachverhalt beschreiben, bevor Sie die Kunden zum Handeln auffordern.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Idealerweise sollte die Handlungsaufforderung kurz und anschaulich sein und verdeutlichen, welchen Vorteil der Kunde von der Aktivität hat. Dieses Beispiel von Chipotle deckt alle drei Punkte ab:\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"490\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190532\u002FEmail-design_DE-16.jpg\" alt=\"Marketing-E-Mail der 'Get my guacamole'-Aktion.\" class=\"wp-image-50383\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190532\u002FEmail-design_DE-16.jpg 277w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190532\u002FEmail-design_DE-16-254x450.jpg 254w\" \u002F>\u003C\u002Ffigure>\u003Cp class=\"wp-block-paragraph\">Leider ist nicht alles im Leben so unkompliziert wie die Chance auf kostenlose Guacamole. Wenn Sie Ihre Vorteile nicht in zwei bis drei Worten zusammenfassen können, ergänzen Sie den Raum um die Schaltfläche mit einer Beschreibung, um mehr Kontext zu schaffen.\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-7--werden-sie-pers-nlich\">Werden Sie persönlich\u003C\u002Fh2>\u003Cp class=\"wp-block-paragraph\">Stimme, Identität, Persona – nicht von ungefähr versehen wir Marken mit menschlichen Charakteristika. Jede Interaktion trägt dazu bei, eine persönliche Beziehung zu den Kunden aufzubauen.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Ein \u003Ca href=\"https:\u002F\u002Fwww.nytimes.com\u002F2007\u002F01\u002F29\u002Fbusiness\u002Fmedia\u002F29cooper.html\" target=\"_blank\" rel=\"noopener\">individuelles Werbeplakat\u003C\u002Fa> für jeden Fahrer auf der Autobahn zu entwerfen, ist schier unmöglich – allerdings gab es ein paar bemerkenswerte Versuche. Zum Glück sind personalisierte E-Mails leichter zu entwerfen (und weniger unheimlich), sodass Sie darüber mit Ihren Kunden als Individuen in Kontakt treten können.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"346\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190532\u002FEmail-design_DE-17.jpg\" alt=\"Eine Werbetafel mit Digitalanzeige, die den Fahrer mit Namen anspricht.\" class=\"wp-image-50384\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190532\u002FEmail-design_DE-17.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190532\u002FEmail-design_DE-17-450x260.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch3 class=\"wp-block-heading\">So können Sie E-Mails personalisieren\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Den Empfänger mit Namen anzusprechen, ist ein offensichtlicher Ansatzpunkt. Doch wahrscheinlich haben Sie noch viele weitere Daten über Ihre Kunden, mit denen Sie Ihre E-Mails noch stärker personalisieren können.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Geschlecht\u003C\u002Fstrong> – Wenn Sie jemals online Kleidungsstücke eingekauft haben, werden Sie wahrscheinlich jetzt geschlechtsspezifische Marketing-E-Mails erhalten. Männern Fotos von Herrenbekleidung und Frauen von Damenbekleidung anzuzeigen, ist eine der klassischsten Methoden der Personalisierung.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Kaufhistorie\u003C\u002Fstrong> – Jemandem etwas verkaufen zu wollen, das er bereits gekauft hat, ist nicht sinnvoll. Doch nicht jede E-Mail ist so konzipiert, dass sie direkt zu einem Verkaufsabschluss führt. Durch informative E-Mails kann bei Kunden durch den Anblick eines bereits erworbenen Produkts die Verbindung zu Ihrer Marke wieder in Erinnerung gerufen werden.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Alter\u003C\u002Fstrong> – Sie wollen, dass sich Ihre Kunden mit Ihren Fotos identifizieren. Falls Ihr Kundenkreis Personen unterschiedlichen Alters umfasst, überlegen Sie sich, für verschiedene Altersgruppen unterschiedliches Bildmaterial zu verwenden.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Hochgradig personalisierte E-Mails\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">E-Mails, die auf der Grundlage personalisierter Daten entwickelt wurden, sind besonders ansprechend. Ein klassisches Beispiel ist eine Zusammenfassung zum Jahresende. Solche E-Mails wecken positive Erinnerungen und erinnern Kunden an ihre Erlebnisse mit Ihrem Produkt.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"488\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-18.jpg\" alt=\"E-Mail von Spotify zum Jahresende und monatliche Statistik von Strava.\" class=\"wp-image-50385\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-18.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-18-450x366.jpg 450w\" \u002F>\u003C\u002Ffigure>\u003Ch2 class=\"wp-block-heading\" id=\"toc-8--testen-sie-designelemente-ber-a-b-tests\">Testen Sie Designelemente über A\u002FB-Tests\u003C\u002Fh2>\u003Cp class=\"wp-block-paragraph\">Vermutlich nutzen Sie bereits verschiedene Varianten von E-Mail-Betreffzeilen für den A\u002FB-Test, aber denken Sie daran, dass auch Designelemente im A\u002FB-Test geprüft werden müssen.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Lassen Sie zwei E-Mail-Formate gegeneinander ausspielen. Prüfen Sie, ob ein Foto besser funktioniert als das andere. Vergleichen Sie die Klickraten bei verschiedenfarbigen Schaltflächen.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">So verbessern Sie nicht nur die Leistung einzelner Kampagnen, sondern sammeln mit jeder E-Mail wertvolle Erkenntnisse. Mit der Zeit summieren sich diese Datensätze und liefern Ihnen Informationen darüber, was für bestimmte Zielgruppen am besten funktioniert.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"630\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-19.jpg\" alt=\"A\u002FB-Test für ein Bild in einer E-Mail.\" class=\"wp-image-50386\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-19.jpg 600w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-19-429x450.jpg 429w\" \u002F>\u003C\u002Ffigure>\u003Ch2 class=\"wp-block-heading\" id=\"toc-9--man-darf-die-regeln-auch-mal-beugen\">Man darf die Regeln auch mal beugen\u003C\u002Fh2>\u003Cp class=\"wp-block-paragraph\">Unsere Übersicht deckt grundlegende Designprinzipien ab, die unter den meisten Umständen funktionieren. Das heißt aber nicht, dass Sie nie auch mal bis an die Grenze gehen sollten. Einige der besten E-Mail-Kampagnen sind deshalb so einprägsam und effektiv, weil sie auffallen. Mit ein bisschen Phantasie können Sie fast jedes Designprinzip freier auslegen und an Ihre Wünsche anpassen.\u003C\u002Fp>\u003Cfigure class=\"wp-block-image aligncenter\">\u003Cimg loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"490\" src=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-20.jpg\" alt=\"E-Mail-Werbung für das flachste Tablet der Welt.\" class=\"wp-image-50387\" srcset=\"\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-20.jpg 277w, \u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190531\u002FEmail-design_DE-20-254x450.jpg 254w\" \u002F>\u003C\u002Ffigure>\u003Cp class=\"wp-block-paragraph\">So würden Sie Ihre Überschrift normalerweise nicht unterbrechen. Diese Abbildung einer E-Mail von ReMarkable macht aber genau das und verdeutlicht damit, worauf es ihnen ankommt. Darüber hinaus lenkt die Kante des Tablets das Auge nach unten, genau wie es ein visueller ‘Trichter’ tun würde.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Die Gestaltung von E-Mails, die Ihre allgemeine Markenstrategie sinnvoll ergänzen, hat Vorrang vor der Einhaltung irgendeiner spezifischen Gestaltungsregel.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">Sollten Sie noch keine umfassende Strategie für Ihr Branding haben, hilft Ihnen unser \u003Ca href=\"\u002Fde\u002Fblog\u002Fleitfaden-markenbildung\u002F\">Leitfaden zur Markenbildung\u003C\u002Fa> sicher weiter. Falls Sie bereits über eine Markenstrategie verfügen, steht Ihnen nun nichts mehr im Weg: Lassen Sie Ihrer Kreativität freien Lauf und entwerfen Sie ein paar E-Mail, die Ihre Kunden aus den Socken hauen.\u003C\u002Fp>",12,{"url":37,"url_md":38,"alt":39,"height":40,"width":41},"https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190537\u002FEmail-design_DE-feature.jpg","https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fde\u002F2020\u002F10\u002F19190537\u002FEmail-design_DE-feature-450x263.jpg","Anordnung verschiedener Farben auf dem Bildschirm des Laptops eines Designers.",700,1200,[43],{"id":44,"slug":44,"title":45,"path":46},"marketing-communication","Marketingkommunikation","\u002Fpost-category\u002Fmarketing-communication\u002F",[48,55,62],{"featuredImage":49,"postId":50,"slug":51,"title":52,"description":53,"path":54},"https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fde\u002F2021\u002F06\u002F19185303\u002FWas-sind-digitale-medien-Feature-450x270.jpg",57786,"was-sind-digitale-medien","Was sind digitale Medien? Eine Übersicht der verschiedenen Typen","Digitale Medien sind vielfältig und Sie sollten die wichtigsten Arten kennen. Diese Übersicht vermittelt Ihnen die wesentlichen Grundlagen.","\u002Fblog\u002Fwas-sind-digitale-medien\u002F",{"featuredImage":56,"postId":57,"slug":58,"title":59,"description":60,"path":61},"https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fde\u002F2021\u002F03\u002F19185623\u002FDatenschutz-email-marketing-Feature-450x300.jpg",56374,"datenschutz-email-marketing","Datenschutz im E-Mail-Marketing","Datenschutz im E-Mail-Marketing ist wichtig, muss aber keine Belastung sein, wenn man sich an den Grundsätzen orientiert. Wir zeigen die wichtigsten Prinzipien.","\u002Fblog\u002Fdatenschutz-email-marketing\u002F",{"featuredImage":63,"postId":64,"slug":65,"title":66,"description":67,"path":68},"https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fde\u002F2021\u002F08\u002F19185039\u002Fembed-video-in-email-feature-450x263.jpg",58970,"videos-in-emails-einbetten","So können Sie Videos in E-Mails einbetten: Eine schrittweise Anleitung","Sie wollen Ihre E-Mails mit ansprechenden, klickbaren Videos aufpeppen? Wir zeigen, wie Sie in fünf einfachen Schritten Videos in E-Mails einbetten können.","\u002Fblog\u002Fvideos-in-emails-einbetten\u002F",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":70},"\u003Cpath fill=\"currentColor\" d=\"M9.175 10.825Q8 9.65 8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12t-2.825-1.175M4 20v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20zm2-2h12v-.8q0-.275-.137-.5t-.363-.35q-1.35-.675-2.725-1.012T12 15t-2.775.338T6.5 16.35q-.225.125-.363.35T6 17.2zm7.413-8.587Q14 8.825 14 8t-.587-1.412T12 6t-1.412.588T10 8t.588 1.413T12 10t1.413-.587M12 18\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":72},"\u003Cpath fill=\"currentColor\" d=\"M12 14q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m-4.712-.288Q7 13.426 7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14t-.712-.288M16 14q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14m-4 4q-.425 0-.712-.288T11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18m-4.712-.288Q7 17.426 7 17t.288-.712T8 16t.713.288T9 17t-.288.713T8 18t-.712-.288M16 18q-.425 0-.712-.288T15 17t.288-.712T16 16t.713.288T17 17t-.288.713T16 18M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":74},"\u003Cpath fill=\"currentColor\" d=\"M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":76},"\u003Cpath fill=\"currentColor\" d=\"M18.188 0c-.517 0-.741.325-.927.66c0 0-7.455 13.224-7.702 13.657c.015.024 4.919 9.023 4.919 9.023c.17.308.436.66.967.66h3.454c.211 0 .375-.078.463-.22c.089-.151.089-.346-.009-.536l-4.879-8.916a.02.02 0 0 1 0-.022L22.139.756c.095-.191.097-.387.006-.535C22.056.078 21.894 0 21.686 0zM3.648 4.74c-.211 0-.385.074-.473.216c-.09.149-.078.339.02.531l2.34 4.05q.006.014 0 .021L1.86 16.051a.52.52 0 0 0 0 .529c.085.142.239.234.45.234h3.461c.518 0 .766-.348.945-.667l3.734-6.609l-2.378-4.155c-.172-.315-.434-.659-.962-.659H3.648z\"\u002F>",1790077997769]