Wer eine ansprechend gestaltete E-Mail erstellen möchte, kann mit einem neuen Onlinedienst das Layout bestimmen und bekommt die nötige technische Hilfe an die Hand.

Viele E-Mails haben optisch den Charme einer Packungsbeilage. Sie bestehen hauptsächlich aus Text, was im krassen Gegensatz zu dem steht, was wir sonst so im Internet sehen: Anspruchsvolle Layouts, tolle Designs, viele Fotos. Dabei mit Hilfe von HTML und CSS, zwei Technologien zur Gestaltung von Webseiten, durchaus auch E-Mails ansprechend gestalten.

Der Aufwand ist allerdings hoch, da die «Spielregeln» beim Gestalten von E-Mails sehr eingeschränkt sind. Damit Benutzer nicht selbst in HTML5 und CSS programmieren müssen, gibt es mit responsive.email einen neuen Online-Dienst, der einem zumindest die technischen Arbeiten abnimmt.

Was bleibt ist der kreative und gestalterische Aspekt, denn jeder Nutzer hat wohl seine eigene Vorstellung von einer optisch gelungenen E-Mail. Nach der Registrierung bei dem kostenlosen Service klickt man sich die einzelnen Elemente – Kopf- und Fußzeile, Zeilen und Spalten, Texte und Fotos – zusammen und platziert diese auf dem leeren Weiß.

Dabei geht der Anwender von oben nach unten vor und legt eine Struktur fest. Typischerweise gestaltet man zuerst den Kopfbereich mit Text, Fotos und eventuell mehreren Zeilen. Danach folgt der Hauptteil mit verschiedenen der bereits genannten Elemente. Den Abschluss macht die Fußzeile. Dabei lassen sich Eigenschaften wie Spaltenbreite, Textformatierung, Hintergrundfarbe und vieles mehr individuell gestalten.

Wichtig ist bei der Gestaltung von E-Mails heutzutage, dass sie auch auf einem kleinen Smartphone-Display gut aussehen und angenehm zu lesen sind. Mit einem Klick schaltet der Nutzer zwischen der normalen und der mobilen Ansicht um.

sip_antrag responsive-email

Hier kommt das so genannte Responsive Design zum Tragen, das Webdesigner ebenfalls beim Bau von Internetseiten verwenden. Es besagt im Grunde, dass die Elemente auf einer Webseite anders dargestellt werden, wenn der Bildschirm kleiner ist. Text und Foto stehen dann beispielsweise unter- statt nebeneinander und Fotos werden herunterskaliert. Bei der Anwendung des Responsive Design hilft der Dienst ebenfalls.

Ist die E-Mail fertig gestaltet, kann der Anwender sich eine Vorschau im Browser anzeigen lassen oder sich die Mail selbst zusenden. Auch der Download als ZIP-Datei samt der Fotos und Grafiken innerhalb der E-Mail ist möglich. So erhält der den Quellcode, den er in seine Mail-Programm kopieren und auf diese Weise versenden kann.

https://responsive.email/de