Die Präsentation leitet ein Verständnis für mobile optimierte Inhalte her und führt weiter aus was neben der reinen optischen Optimierung an Inhalten auf mobilen Internetseiten und Shop-Lösungen noch geschehen muss um ein gutes mobiles Nutzererlebnis zu erreichen.
afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte
1. Mobiloptimierung
So rüsten Sie Ihre Geschäfte für mobile Endgeräte
1
Senior Account Manager
Carsten Lambrecht
Datum: 20.09.2014
Bildquelle: http://www.engadget.com/2014/09/14/sidewalk-lane-china/
2. • Carsten Lambrecht ist casila
• Senior Account Manager @dkd.de
• 1975 geboren
• Marketing seit 1996
• mobile Projekte seit 2008
2
Vorstellung - Agenda
1.ShowAct
2.Entwicklung mobiler Kommunikation
3.Responsive Web Design
4.weitere Facetten mobiler Kommunikation
5.Kunden-Reise
3. 3
Sound of Frankfurt - Bühnenansicht - Landscape View
16. 16
Internet der Dinge
Kommunikations-Kanäle werden Touchpoints
selbst das
Auto
wird zum
Medium
Quelle: http://bradfrostweb.com/blog/post/this-is-the-web/
17. Neue Touchpoints neue Chancen
Quelle: http://bradfrostweb.com/blog/post/this-is-the-web/
17
Relevante
„Junkmails“
Der Drucker schickt
eine E-Mail wenn
der Toner „alle“ ist
18. 19
Touchpoints in der mobilen Welt
Beacons - Kabellose Sensoren
https://www.youtube.com/watch?v=SrsHBjzt2E8
20. »57% der Nutzer würden ein
Geschäft mit schlechter mobiler
Website nicht empfehlen.«
http://digby.com/mobile-statistics/
22
»40% besuchen die Website
eines (mobilen) Mitbewerbers.«
21. Das wesentliche
in der mobilen Kommunikation
23
optimiert für
große Bühnen
Mobile Last
Graceful Degradation
Progressive Enhancement Mobile First
22. Logo
Action
Button
0:14
Action
24
Responsive Web Design (RWD)
Screen
Tablet
Landscape
Portrait
Mobile
Portrait
Landscape
23. Logo
Action
Button
0:14
Action
100%
Screen
Tablet
Landscape
Portrait
Mobile
Portrait
Landscape
25
Responsive Web Design (RWD)
24. Logo
Action
Button
0:14
Action
+12%
Screen
Tablet
Landscape
Portrait
Mobile
Portrait
Landscape
26
Responsive Web Design (RWD)
25. Responsive Web Design (RWD) Logo
Action
Button
0:14
Action
100%
Screen
Tablet
Landscape
Portrait
Mobile
Portrait
Landscape
27
26. Responsive Web Design (RWD) Logo
Action
Button
0:14
Action
+33%
Screen
Tablet
Landscape
Portrait
Mobile
Portrait
Landscape
28
28. Responsive Web Design (RWD)
Der Gipfel - Die RWD
Spitze des Eisbergs Images
APPs
Responsive Performance
QR
Codes
Augmented Reality
Location
Based
Services
Touchpoints
mobile .
Landingpages
mobile
payment
Hardware
Nutzung
RoPo-fs
29. Die Facetten der mobilen Optimierung
RWD
Responsive Images
APPs
Performance
QR
Codes
Augmented Reality
Location
Based
Services
Touchpoints
mobile .
Landingpages
mobile
payment
Hardware
Nutzung
RoPo-fs
30. » 43% of iPhone users
want to make
mobile transactions from
their phones«
http://digby.com/mobile-statistics/
mobile
payment
31. »30% der mobilen Käufer brechen
eine Transaktion ab, wenn die
Seite nicht mobil optimiert ist.«
http://www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/
33
Sorrywe are
CLOSED
als wäre Ihr Ladengeschäft
2 Tage die Woche geschlossen
33. Nutzen Sie mobile optimierte Checkout Prozesse!
Screenshots Web-Shop: http://www.outfitter.de/
Paypall Checkout: http://4.bp.blogspot.com/-66ZFgLDPcH0/UTn45AxETMI/AAAAAAAAPUM/_QfkL_dnBrg/s1600/6025_7AA45C9E-9917-419D-8422-72B63AB318CF.png 34
34. Die Facetten der mobilen Optimierung
RWD
Responsive Images
APPs
Performance
QR
Codes
Augmented Reality
Location
Based
Services
Touchpoints
mobile .
Landingpages
mobile
payment
Hardware
Nutzung
RoPo-fs
36. Die Facetten der mobilen Optimierung
RWD
Responsive Images
APPs
Performance
QR
Codes
Augmented Reality
Location
Based
Services
Touchpoints
mobile .
Landingpages
mobile
payment
Hardware
Nutzung
RoPo-fs
38. 41
KFC Phone Stack
Reconnecting People by disconnecting
Quelle: http://vimeo.com/100478313
39. Die Facetten der mobilen Optimierung
RWD
Responsive Images
APPs
Performance
QR
Codes
Augmented Reality
Location
Based
Services
Touchpoints
mobile .
Landingpages
mobile
payment
Hardware
Nutzung
RoPo-fs
40. 44
Landingpages
Marketing Aktionen ausserhalb Ihres Shops zur Landingpage
Die Landingpage muss zum gewünschten Ziel führen
https://www.youtube.com/watch?v=N5WurXNec7E
41. 45
Customer Journey
Würden Ihre Kunden auf der Reise zu Ihren Produkten „schlange stehen“?
42. 46
Customer Journey
Ihre Kunden auf der Reise zu Ihren Produkten
Bildquelle: http://www.istockphoto.com/: 000017746481
44. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
48
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
45. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
49
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
46. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
49
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
47. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
49
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
48. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
49
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
49. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
49
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
50. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
50
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Warenkorb
Bezahlsystem
Bestätigung
RWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
51. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
51
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Warenkorb
Bezahlsystem
Bestätigung
RWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
52. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
Gutscheine
Bewertung
52
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Warenkorb
Bezahlsystem
Bestätigung
RWD
Social Media
Mails
Bericht
APPs
RWD
FAQs
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
53. vor
während
nach
Interesse
RWD
Abwägung
Kauf
Nutzung
„wiederkauf“
klassische
Werbung
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
Gutscheine
Bewertung
52
Customer Journey
QR Codes
Social
Media
RWD
Bilder
Filme
Landingpages
Warenkorb
Bezahlsystem
Bestätigung
RWD
Social Media
Mails
Bericht
APPs
RWD
FAQs
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
54. vor
Jetzt sind sie dran!
RWD
während
nach
Interesse
Abwägung
Kauf
Nutzung
„wiederkauf“
Aufmerksamkeit!
Infos - Argumente
Sicher & einfach
Service/Zufriedenheit
Loyalität
53
RWD
Customer Journey nach Marco Spies: Branded Interactions
RWD
RWD
RWD
RWD