Folien des Webinars vom 20.02.2013 zum Thema "Mobile Marketing – So optimieren Sie Ihre Newsletter für iPhone, Android & Co.!". Präsentiert von unseren Consultants Torben Otto und René Kulka.

1. Mobile Marketing
So optimieren Sie Ihre Newsletter für
iPhone, Android & Co.!
René Kulka Um Punkt 11 Uhr gehts los …
E-Mail-Marketing Evangelist
Torben Otto
Teamleiter Consulting

2. Die mobile E-Mail
Conversion
Die E-Mail lebt auch auf Smartphones weiter

3. Conversion
Die mobile E-Mail
Die meisten E-Mails werden bereits mobil abgerufen!
ReturnPath, Infografik: Die E-Mail ist mobil

4. Die mobile E-Mail
Conversion
Mobile Abrufe insbesondere früh morgens und abends
Knotice, Mobile Emails Open Report H1 2012

5. Conversion
Die mobile E-Mail
Second Screen: E-Mails sind die zweitbeliebteste „Nebentätigkeit“

6. How to optimize your email marketing
Herausforderungen &
Best Practices

7. Conversion
mobile ist DAS Thema 2013
Absolit, E-Mail-Marketing-Trends 2013

8. Conversion
Die komplizierte Welt der E-Mail
… ist noch komplizierter geworden
Schmalere Bildschirme
Unzählige Bildschirmauflösungen
Maus & Tastatur = Finger / Daumen
Rendering-Möglichkeiten unterschiedlich
Schmalere Internet-Bandbreiten

9. Mobile Herausforderungen
Conversion
Lesbarkeit
Schriftgröße: 14 Pixel+ im Fließtext
Hoher Kontrast, um z. B. schlechte Lichtverhältnisse zu kompensieren

10. Mobile Herausforderungen
Conversion
Bedienbarkeit
Größere Abstände zwischen Links
Größere Buttons
Zu beachten: Bereiche links erreicht der Daumen leichter

11. Mobile Herausforderungen
Conversion
Layout
Kein horizontales Scrollen  einspaltiges Layout
Beim Design in 320x480-Pixel-Fenstern denken
Erstes Fenster besonders wichtig (“above the fold”)
KISS-Prinzip  aufs Wesentliche reduzieren

12. Mobile Herausforderungen
Conversion
E-Mail-Gewicht
HTML / CSS optimieren
Grafiken optimieren
Abmessungen
Kompression

13. Mobile Herausforderungen
Conversion
Auffallen im Posteingang
Absender-Name : hoher Wiedererkennungswert
Betreffzeile : auf den Punkt
Preheader-Vorschau : Ergänzung der Betreffzeile

14. Mobile Herausforderungen
Conversion
Auch gut zu wissen:
Telefon- und SMS-Rückkanal
Echte (HTML5-)Videomails
E-Mail-Tastatur triggern

15. Mobile Herausforderungen
Conversion
Auch gut zu wissen:
User-Agent
Telefon- und SMS-Rückkanal
Echte (HTML5-)Videomails
E-Mail-Tastatur triggern
Geräte-abhängige Grafiken

16. How to optimize your email marketing
Wie werden meine
E-Mails mobil?

17. Möglichkeiten für mobile E-Mails
Conversion
1. Mobile Online-Version

18. Möglichkeiten für mobile E-Mails
Conversion
1. Mobile Online-Version
War nur der erste Schritt

19. Möglichkeiten für mobile E-Mails
Conversion
1. Mobile Online-Version
2. Dezidierte Mobile-Version
Den mobile-only Nutzer gibt es (noch zu) selten

20. Möglichkeiten für mobile E-Mails
Conversion
1. Mobile Online-Version Sieht auf dem Desktop nicht gut aus
2. Dezidierte Mobile-Version
3. „Mobile-first“ Design

21. Möglichkeiten für mobile E-Mails
Conversion
1. Mobile Online-Version
2. Dezidierte Mobile-Version
3. „Mobile-first“ Design
4. Flexibles Design
Fluide
Responsive

22. Conversion
Möglichkeiten für mobile E-Mails
Flexibles Design
Fluide
E-Mails füllen den Screen aus
(ganz gleich, ob 240x320 oder
1024x768)
<div style=“width:90%;max-
width:550px“>content</div>
Bewertung:
Einfach umzusetzen
Begrenzte Möglichkeiten

23. Möglichkeiten für mobile E-Mails
Conversion
Flexibles Design
Fluide

24. Conversion
Möglichkeiten für mobile E-Mails
Flexibles Design
Fluide Responsive
E-Mails füllen den Screen aus Verschiedene Bildschirme triggern
(ganz gleich, ob 240x320 oder verschiedene Layouts
1024x768) @media only screen and (max-
device-width:480px) {styles}
<div style=“width:90%;max-
width:550px“>content</div> Bewertung:
Bewertung: Implementierung komplex
Einfach umzusetzen Maximale Flexibilität
Begrenzte Möglichkeiten

25. How to optimize your email marketing
Beispiele
aus der Praxis

26. Thrillist Conversion

27. Bluefly Conversion

28. REI Conversion

29. Twitter Conversion

30. How to optimize your email marketing
Mobile Fusion
optivo® broadmail

31. optivo® broadmail – Mobile Fusion
Conversion
Desktop-Ansicht

32. optivo® broadmail – Mobile Fusion
Conversion
Mobile-Ansicht: Beispiel iPhone 4/4s

33. Conversion
optivo® broadmail – Mobile Fusion
Mobile-Ansicht: Beispiel iPhone 4/4s - Landscape

34. Fazit Conversion
1. Mobile ist da!
2. Mobile ist anders!
3. Werden Sie responsive!

35. Vielen Dank!
Conversion
Kontakt, Fragen oder Kommentare?
E-Mail
consulting@optivo.de
Facebook
www.facebook.com/optivo
Twitter
http://twitter.com/optivo / @optivo
Google Plus
https://plus.google.com/117326713519869571633

36. How to optimize your email marketing
Berlin Email Summit 2013@LIFECYCLE
Conversion
www.berlinemailsummit.de