print logo

American Express Selects Adventskalender 2016

Eingereicht von:
Cyrill Gross
American Express
Cyrill Gross American Express
Ein kompletter Adventskalender in einer E-Mail? Unmöglich? Nein! Dank interaktiven Elementen und dynamischem CSS funktionierts.
Nur das Türchen des aktuellen Tages darf geöffnet – also angeklickt – werden. Dieses ist noch geschlossen, jedoch farblich markiert. Die Türchen der vergangenen Tage sind geöffnet, d.h. ein kleines Vorschau-Bild des Inhaltes ist sichtbar. Auch diese Türchen lassen sich anklicken und der Inhalt ist noch abrufbar.

Durch Klick auf ein Türchen wird innerhalb der E-Mail ein Overlay geöffnet, welches das Angebot des aktuellen Tages enthält. Sowohl die Bilder der Fenster (Zahlen und Vorschau-Bilder) wie auch der Inhalt des Overlays werden tagesaktuell ausgeliefert. Somit verändert sich die E-Mail im Posteingang des Kunden täglich, ohne dass sie neu versendet werden muss.

Erreicht wird dies durch serverseitige Logik für die Auslieferung der Bilder am jeweiligen Tag. Für alle vergangenen Tage werden die Vorschau-Bilder ausgeliefert, für den aktuellen und die zukünftigen Tage „nur“ die Zahl. Die Tages-Inhalte für das Overlay werden über dynamisches CSS ausgeliefert. Im Quellcode der E-Mail selbst ist nur die Struktur des Overlays enthalten, Texte (in vier Sprachen) sowie Bilder sind für jeden Tag in der CSS hinterlegt. Beim Öffnen des Fensters werden diese aufgrund des aktuellen Tages und der Sprache der E-Mail in die Struktur eingefügt.

An einigen Tagen ist ein Gewinnspiel enthalten. Die Teilnahme ist direkt aus der E-Mail heraus über ein bereits vorausgefülltes Formular möglich.

Auf der Webseite von American Express Selects war der Adventskalender ebenfalls integriert. Dabei werden Kalender-Raster und gesamte Logik aus einer nicht personalisierten Ansicht der E-Mail dynamisch in die Seite eingefügt.