E-Mails bzw. Newsletter sind ein Unternehmen ein äußerst effizenter Kommunikationskanal. Binnen kürzester Zeit können Kunden auf dem Laufenden gehalten werden und über neue Angebote informiert und zur Converions geführt werden.

Problem: Die Bilder-Blockade im Vorschaufenster

Doch jeder, der schon einmal E-Mails mit Bildern verschicken wollte, kennt mit Sicherheit folgendes Problem: die Bilder werden meist nicht automatisch angezeigt sondern vom Mailclient blockiert. Diese Bilder-Blockaden zerstören dann viele E-Mail Designs und Templates. Somit geht auch das beabsichtigte Ziel des Absenders, nämlich die Aufmerksamkeit auf sich zu ziehen, verloren. Manche Designs sehen dann wirklich grausig aus...

Ein Lösungsansatz: gestylte Templates ohne Bilder

Dean Silvestri, Multimedia Developer und Gründer von Atlas Projects, hat ein Projekt gestartet, dessen Ziel es ist, ein HTML E-Mail Design zu entwerfen, das ganz und gar auf Bilder verzichtet. So kreierte er für diesen Test ein Design basierend aus Gitternetzlinien, die kombiniert oder mit Farbe ausgefüllt werden können. Danach wurde das Design in eine HTML Tabelle umgewandelt.

Testphase: 1. Versuch

Anschließend begann die Testphase. Die mit einfachen Mitteln erstellte HTML-E-Mail wurde an verschiedene E-Mail-Browser getestet. Bei jeden kam es zu demselben Ergebnis: die Tabellen verschoben sich und passten ihre Größe an die Vorschau der E-Mail-Programme an. So wurde immer die Breite verändert, obwohl diese mit 20 Pixeln definiert worden war.

Testphase: 2. Versuch

Nachdem die erste Variante missglückte, versuchte er doch ein Bild einzufügen. Allerdings sollte dieses Bild (mit einer 20px definierten Breite) unten an der Tabelle hinzugefügt werden.

Das Ergebnis?
Ein Erfolg! Denn das Bild verhinderte, dass sich die Breite der Tabelle veränderte.

Fazit: Die erste Variante, eine E-Mail ohne Bilder zu verschicken, blieb erfolglos. Die zweite Variante mit Bildern zeigte das wünschenswerte Ergebnis. Allerdings ist zu erwähnen, dass das Bild in diesem Fall nicht als kreatives Design-Element genutzt wurde sondern lediglich, um die HTML-Struktur aufrechtzuerhalten.