55
Mobiloptimierung So rüsten Sie Ihre Geschäfte für mobile Endgeräte 1 Senior Account Manager Datum: 20.09.2014 Carsten Lambrecht Bildquelle: http://www.engadget.com/2014/09/14/sidewalk-lane-china/

afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Embed Size (px)

DESCRIPTION

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.

Citation preview

Page 1: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

MobiloptimierungSo rüsten Sie Ihre Geschäfte für mobile Endgeräte

1

Senior Account Manager

Datum: 20.09.2014

Carsten Lambrecht

Bildquelle: http://www.engadget.com/2014/09/14/sidewalk-lane-china/

Page 2: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

• Carsten Lambrecht ist casila• Senior Account Manager @dkd.de• 1975 geboren• Marketing seit 1996• mobile Projekte seit 2008

2

Vorstellung - Agenda

1.ShowAct2.Entwicklung mobiler Kommunikation3.Responsive Web Design4.weitere Facetten mobiler Kommunikation5.Kunden-Reise

Page 3: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

3

Sound of Frankfurt - Bühnenansicht - Landscape View

Page 8: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

7

Konzentrieren Sie sich auf das wesentliche !!!

Page 9: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

9

die Geschichte der (digitalen) Kommunikation

s war einmal...E

Page 10: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

10

Buchdruck

Page 11: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Bildquelle: http://www.brothersoft.com/full-screen-for-netscape-11019.html

11

Web 1.0 - Information

Page 12: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

die Geschichte der Browser-technologien

Evolution of the Web

12

Quelle: http://www.evolutionoftheweb.com

Page 13: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Web 1.0 - Information

13

Logo

Page 14: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

14

Web 2.0 - Kommunikation

Logo

0:14

Page 15: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Relationen & Semantik

15

Logo

0:14

Page 16: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

16

Quelle: http://bradfrostweb.com/blog/post/this-is-the-web/

Internet der DingeKommunikations-Kanäle werden Touchpoints

selbst das Auto

wird zum Medium

Page 17: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Quelle: http://bradfrostweb.com/blog/post/this-is-the-web/

Neue Touchpoints neue Chancen

17

Relevante „Junkmails“

Der Drucker schickt eine E-Mail wenn der Toner „alle“ ist

Page 19: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Das wesentliche..?

21

optimiert für

große Bühnen

Page 20: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

http://digby.com/mobile-statistics/

»57% der Nutzer würden ein Geschäft mit schlechter mobiler

Website nicht empfehlen.«

22

»40% besuchen die Website eines (mobilen) Mitbewerbers.«

Page 21: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Das wesentlichein der mobilen Kommunikation

23

optimiert für

große Bühnen

Mobile Last

Graceful Degradation

Mobile FirstProgressive Enhancement

Page 22: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Logo

Action

Button

0:14

Action

24

Responsive Web Design (RWD)

ScreenTablet

LandscapePortrait

Mobile PortraitLandscape

Page 23: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Logo

Action

Button

0:14

Action

100%

ScreenTablet LandscapePortrait

Mobile PortraitLandscape

25

Responsive Web Design (RWD)

Page 24: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Logo

Action

Button

0:14

Action

+12%

ScreenTablet

LandscapePortrait

Mobile PortraitLandscape

26

Responsive Web Design (RWD)

Page 25: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Responsive Web Design (RWD)Logo

Action

Button

0:14

Action

100%

ScreenTablet

LandscapePortrait

Mobile PortraitLandscape

27

Page 26: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Responsive Web Design (RWD)Logo

Action

Button

0:14

Action

+33%

ScreenTablet

LandscapePortrait

Mobile PortraitLandscape

28

Page 27: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Der Gipfel der mobilen Optimierung?

RWD

Responsive Web Design (RWD)

Page 28: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

Der Gipfel - Die Spitze des Eisbergs

RWDRes

ponsi

ve Im

ages

A P P sPerformance

QRCodes

Augmented RealityLocation Based

Services

mobile .Landingpagesmobile

payment

Touchpoints

Responsive Web Design (RWD)

Hardw

are

Nutzung

RoPo-fs

Page 29: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

RWDRes

ponsi

ve Im

ages

A P P sPerformance

QRCodes

Augmented RealityLocation Based

Services

mobile .Landingpagesmobile

payment

Touchpoints

Die Facetten der mobilen Optimierung

Hardw

are

Nutzung

RoPo-fs

Page 30: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

» 43% of iPhone users want to make

mobile transactions from their phones«

http://digby.com/mobile-statistics/

mobile

payment

Page 31: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

http://www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/

»30% der mobilen Käufer brechen eine Transaktion ab, wenn die Seite nicht mobil optimiert ist.«

33

Sorrywe are

CLOSED

als wäre Ihr Ladengeschäft2 Tage die Woche geschlossen

Page 32: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

34Paypall Checkout: http://4.bp.blogspot.com/-66ZFgLDPcH0/UTn45AxETMI/AAAAAAAAPUM/_QfkL_dnBrg/s1600/6025_7AA45C9E-9917-419D-8422-72B63AB318CF.png

Screenshots Web-Shop: http://www.outfitter.de/

Page 33: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

34Paypall Checkout: http://4.bp.blogspot.com/-66ZFgLDPcH0/UTn45AxETMI/AAAAAAAAPUM/_QfkL_dnBrg/s1600/6025_7AA45C9E-9917-419D-8422-72B63AB318CF.png

Nutzen Sie mobile optimierte Checkout Prozesse!

Screenshots Web-Shop: http://www.outfitter.de/

Page 34: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

RWDRes

ponsi

ve Im

ages

A P P sPerformance

QRCodes

Augmented RealityLocation Based

Services

mobile .Landingpagesmobile

payment

Touchpoints

Die Facetten der mobilen Optimierung

Hardw

are

Nutzung

RoPo-fs

Page 35: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

37

„Research offline Purchase online“Tesco iPhone Application Barcode Scanner

Hardware Nutzung für RoPo‘fs

Quelle: https://www.youtube.com/watch?v=pI8-01uvhmw

Page 36: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

RWDRes

ponsi

ve Im

ages

A P P sPerformance

QRCodes

Augmented RealityLocation Based

Services

mobile .Landingpagesmobile

payment

Touchpoints

Die Facetten der mobilen Optimierung

Hardw

are

Nutzung

RoPo-fs

Page 37: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

39

Offline und Online verbinden

Qr Codes

Page 38: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

41

Reconnecting People by disconnecting

KFC Phone Stack

Quelle: http://vimeo.com/100478313

Page 39: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

RWDRes

ponsi

ve Im

ages

A P P sPerformance

QRCodes

Augmented RealityLocation Based

Services

mobile .Landingpagesmobile

payment

Touchpoints

Die Facetten der mobilen Optimierung

Hardw

are

Nutzung

RoPo-fs

Page 40: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

44

Marketing Aktionen ausserhalb Ihres Shops zur LandingpageDie Landingpage muss zum gewünschten Ziel führen

Landingpages

https://www.youtube.com/watch?v=N5WurXNec7E

Page 41: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

45

Würden Ihre Kunden auf der Reise zu Ihren Produkten „schlange stehen“?

Customer Journey

Page 42: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

46

Ihre Kunden auf der Reise zu Ihren Produkten

Customer Journey

Bildquelle: http://www.istockphoto.com/: 000017746481

Page 43: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

47

Customer Journey

Bildquelle: http://www.istockphoto.com/: 000017746481

Page 44: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

48

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 45: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

49

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 46: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

49

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 47: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

49

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 48: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

49

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 49: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

49

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 50: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

50

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Warenkorb

BezahlsystemBestätigung

RWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 51: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

51

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Warenkorb

BezahlsystemBestätigung

RWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 52: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

GutscheineBewertung

52

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Warenkorb

BezahlsystemBestätigung

RWD

MailsBericht

Social Media

FAQs

APPs

RWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 53: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

GutscheineBewertung

52

Customer Journey

QR Codes

klassische Werbung

Social Media

RWD

BilderFilme

LandingpagesRWD

Warenkorb

BezahlsystemBestätigung

RWD

MailsBericht

Social Media

FAQs

APPs

RWD

Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481

Page 54: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

vor

während

nach

Inte

ress

e

Abwägung

Kauf

Nut

zung

„wiederkauf“

Auf

mer

ksam

keit

!Infos - Argumente

Sicher & einfach

Serv

ice/

Zufr

iede

nhei

t

Loyalität

53Customer Journey nach Marco Spies: Branded Interactions

Jetzt sind sie dran!RWD

RWD

RWD

RWDRWD

RWD

Page 55: afterbuyBBQ 2014 - Mobiloptimierung - So rüsten Sie Ihre Geschäfte für mobile Endgeräte

54

www.dkd.de [email protected]

@dkd_de

www.casila.de@casilas

FazitDas Wesentliche• Produkte/Verkauf• Ihre Kunden/Bewerbung

Funktionierende Angebote• (mobile) Shoplösungen• (mobile) Marktplätze• (mobile) Kommunikationslösungen

DankeSchoen!