webinar mobile marketing
DESCRIPTION
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.TRANSCRIPT
Mobile Marketing
So optimieren Sie Ihre Newsletter für iPhone, Android & Co.!
Um Punkt 11 Uhr gehts los …René Kulka
E-Mail-Marketing Evangelist
Torben Otto
Teamleiter Consulting
ConversionConversion
Die E-Mail lebt auch auf Smartphones weiter
Die mobile E-Mail
ConversionConversionDie mobile E-Mail
Die meisten E-Mails werden bereits mobil abgerufen!
ReturnPath, Infografik: Die E-Mail ist mobil
ConversionConversionDie mobile E-Mail
Mobile Abrufe insbesondere früh morgens und abends
Knotice, Mobile Emails Open Report H1 2012
ConversionConversionDie mobile E-Mail
Second Screen: E-Mails sind die zweitbeliebteste „Nebentätigkeit“
How to optimize your email marketing
Herausforderungen &
Best Practices
ConversionConversionmobile ist DAS Thema 2013
Absolit, E-Mail-Marketing-Trends 2013
Schmalere Bildschirme
Unzählige Bildschirmauflösungen
Maus & Tastatur = Finger / Daumen
Rendering-Möglichkeiten unterschiedlich
Schmalere Internet-Bandbreiten
ConversionConversionDie komplizierte Welt der E-Mail
… ist noch komplizierter geworden
Schriftgröße: 14 Pixel+ im Fließtext
Hoher Kontrast, um z. B. schlechte Lichtverhältnisse zu kompensieren
ConversionConversionMobile Herausforderungen
Lesbarkeit
Größere Abstände zwischen Links
Größere Buttons
Zu beachten: Bereiche links erreicht der Daumen leichter
ConversionConversionMobile Herausforderungen
Bedienbarkeit
Kein horizontales Scrollen einspaltiges Layout
Beim Design in 320x480-Pixel-Fenstern denken
Erstes Fenster besonders wichtig (“above the fold”)
KISS-Prinzip aufs Wesentliche reduzieren
ConversionConversionMobile Herausforderungen
Layout
HTML / CSS optimieren
Grafiken optimieren
Abmessungen
Kompression
ConversionConversionMobile Herausforderungen
E-Mail-Gewicht
Absender-Name
Betreffzeile
Preheader-Vorschau
ConversionConversionMobile Herausforderungen
Auffallen im Posteingang
: hoher Wiedererkennungswert
: auf den Punkt
: Ergänzung der Betreffzeile
Telefon- und SMS-Rückkanal
Echte (HTML5-)Videomails
E-Mail-Tastatur triggern
ConversionConversionMobile Herausforderungen
Auch gut zu wissen:
Telefon- und SMS-Rückkanal
Echte (HTML5-)Videomails
E-Mail-Tastatur triggern
Geräte-abhängige Grafiken
ConversionConversionMobile Herausforderungen
Auch gut zu wissen:User-Agent
How to optimize your email marketing
Wie werden meine
E-Mails mobil?
ConversionConversionMöglichkeiten für mobile E-Mails
1. Mobile Online-Version
War nur der erste Schritt
ConversionConversionMöglichkeiten für mobile E-Mails
1. Mobile Online-Version
1. Mobile Online-Version
2. Dezidierte Mobile-Version
Den mobile-only Nutzer gibt es (noch zu) selten
ConversionConversionMöglichkeiten für mobile E-Mails
1. Mobile Online-Version
2. Dezidierte Mobile-Version
3. „Mobile-first“ Design
ConversionConversionMöglichkeiten für mobile E-Mails
Sieht auf dem Desktop nicht gut aus
1. Mobile Online-Version
2. Dezidierte Mobile-Version
3. „Mobile-first“ Design
4. Flexibles Design
Fluide
Responsive
ConversionConversionMöglichkeiten für mobile E-Mails
ConversionConversionMö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
ConversionConversionMöglichkeiten für mobile E-Mails
Flexibles Design
Fluide
ConversionConversionMöglichkeiten für mobile E-Mails
Flexibles Design
Fluide Responsive
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
Verschiedene Bildschirme triggern verschiedene Layouts
@media only screen and (max-device-width:480px) {styles}
Bewertung:
Implementierung komplex
Maximale Flexibilität
How to optimize your email marketing
Beispiele
aus der Praxis
ConversionConversionThrillist
ConversionConversionBluefly
ConversionConversionREI
ConversionConversionTwitter
How to optimize your email marketing
Mobile Fusion
optivo® broadmail
ConversionConversionoptivo® broadmail – Mobile Fusion
Desktop-Ansicht
ConversionConversionoptivo® broadmail – Mobile Fusion
Mobile-Ansicht: Beispiel iPhone 4/4s
ConversionConversionoptivo® broadmail – Mobile Fusion
Mobile-Ansicht: Beispiel iPhone 4/4s - Landscape
ConversionConversionFazit
1. Mobile ist da!
2. Mobile ist anders!
3. Werden Sie responsive!
E-Mail [email protected]
Facebookwww.facebook.com/optivo
Twitterhttp://twitter.com/optivo / @optivo
Google Plushttps://plus.google.com/117326713519869571633
ConversionConversionVielen Dank!
Kontakt, Fragen oder Kommentare?
How to optimize your email marketing
ConversionConversionBerlin Email Summit 2013@LIFECYCLE
www.berlinemailsummit.de