1. Opening
• Bart Pluis
Back to the future
• Chiel van der Most van Spijk
Kijkje onder de motorkap
• Denny Brandsen
Cijfers
• Bart Pluis
Boottocht
e-mail
Independence
day

2. e-mail
Independence
day

3. Back to the future

4. Een kijkje on der motorkap

5. Cijfers

9. #rsindependence

10. Hoe de e-mail
los kwam van
zijn kaders
Chiel van der Most van Spijk

11. Chiel van der Most van Spijk
Art director en teamlead Creative Studio
• Onze recente geschiedenis
• Keerpunten
• Het antwoord op de ontwikkelingen
• Wat kunnen we gaan verwachten

12. 4 Juli.
We vieren vandaag de
onafhankelijkheid van
de e-mail!

13. 4 juli 1996 2013

14. 4 juli 1996 2013
Welke e-mail service
werd er precies 17 jaar
geleden gelanceerd?

15. Hotmail
Opgericht door Jack Smith en Sabeer Bhatia.
Waarom die dag?
Bron: Wikipedia
4 juli
1996

16. Om te laten zien dat mensen
voor de afhandeling van e-mail
niet afhankelijk hoeven zijn
van een POP-box bij de eigen
internetprovider.
Bron: Wikipedia

17. We gaan naar het jaar dat ....

18. Nederland weer geen
kampioen werd.
Een Haagse postbode
dart legende werd
Deze meneer iets
ontkende

19. 1998 Heeft u een mobiele telefoon?

20. • Bellen
• SMS
• Wekker
• Game (Snake )
Heb je je GSM wel bij je?

21. Ochtend
2000

22. 2000
Onderweg

23. 2000
Middag
Uw zakelijk & prive
e-mail op uw werk
computer bekijkt
800 X 600 | 1024 X 768
Uw telefoon
nog opge-
borgen was
Je bent pas online als je op je werk bent

24. 2000
Avond

25. Het moment dat men zijn of haar e-mail het meest zou lezen is ....
op het werk
of in de avond

26. De eerste smartphones van 1999 t/m 2005

27. 2005
Sentiment

28. Sentiment
2005

29. Sentiment
2005

30. 2007
Sentiment

31. Sentiment
2007

32. Sentiment
2007

34. 2007
de smartphone doorbraak

35. 2007
de smartphone doorbraak

37. 2007
iPhone 3G
responsive design is het
concept waaruit de
iPhone is ontstaan

38. 2007
Het percentage mobiele gebruikers
per besturingssysteem

39. 2010

41. Altijd bereikbaar

42. Als marketeer ben je nu
meer dan ooit aanwezig
bij de consument, je zit
in zijn jaszak
De beste
aanbieding
voor U op
maat
Bestel nu

43. Meer momenten + meer devices.
Hoe val je dan op?

44. Maak het contact moment
zo aangenaam mogelijk
voor de ontvanger.

45. Responsive design
Responsive web design (RWD) is a web design approach
aimed at crafting sites to provide an optimal viewing
experience—easy reading and navigation

46. Responsive e-mails worden opgebouwd uit lagen
laag B
laag A
laag C
laag D
laag E
Iedere laag krijgt
eigenschappen
hoe om te gaan
als de breedte van
de viewpoort
<- 640 px breed ->

47. Responsive e-mails worden opgebouwd uit lagen
<- 320 px breed ->
laag B
laag A
laag C
laag B
laag A
laag C
laag D
laag E
<- 640 px breed ->

48. NUON kleine bespaarproducten

49. Maar met een
responsive e-mail
ben je er nog niet!

50. E-mail is pas echt effectief
als de Landingspagina
voldoet aan de verwachting
van de bezoeker
Zowel in layout als in copy.

51. Doe je dat niet,
dan haken bezoekers af

52. 201320102007 2012
Desktop pc,
Laptops,
Mobiele telefoons,
Smartphone,
Tablets
U bent
hier
We zijn gewend om onze e-mails te lezen op...

53. Maar hoe gaan we om met
Smart TV en Google Glass?

54. 2013
Responsive design
is geen hype.
Het is de nieuwe de standaard

55. Een kijkje onder
de motorkap
Denny Brandsen

56. Denny Brandsen
Frontend developer
• Wat is responsive e-mail design?
• e-mail clients, hun marktaandeel, de werking
van responsive e-mail in verschillende clients
• Litmus, een test tool voor e-mail

58. schermresoluties
640 x 480 800 x 600 1024 x 768 1280 x 800

59. schermresoluties
640 x 480 800 x 600 1024 x 768 1280 x 800 320 x 480

60. maar 4%

61. E-mail clients
de werking van
responsive e-mail
&

62. 1 Apple iPhone 23% +0.16
2 Outlook 18% -0.36
3 Apple iPad 12% +0.93
4 Outlook.com 8% +2.37
5 Apple Mail 8% -0.34
6 Google Android 7% -0.24
7 Gmail 5% +1.05
8 Yahoo! Mail 5% -1.19
9 Windows Live Mail 3% +0.14
10 Thunderbird 1% +0.63
E-mailclient openrate percentage – mei
Bron: Litmus Email Analytics

63. Media Queries
Html
+

65. Dumb
Outlook
apple mail (desktop)
Lotus Notes 8.5
Thunderbird latest
Gmail
Smart
Apple Iphone
Google Android
Outlook.com (hotmail)
Windows Phone
Blackberry (OS6)
E-mail clients

70. Voorbeeld Binck Weekbericht
& Nuon KBP live in een
browser & op mobiel

76. De cijfers
Cijfers
Bart Pluis

77. In heel 2012 is voor zo’n
€560 miljoen aan producten
en diensten gekocht via
smartphones en tablets.
bron: Thuiswinkel.org

78. Het aantal mobiele kopers
is gestegen met 73% in de
tweede helft van 2012 ten
opzichte van 2011
bron: M-commerce Monitor 2012

79. 84%
van de mailuitingen zijn nog
niet geschikt voor mobiel
bron: DM Barometer 2013

80. Bij slechts 7% van de
bedrijven is de verantwoordelijk-
heid voor mobiel bij een mobile
specialist belegd.
bron: DM Barometer 2013

81. Nieuwsgierig geworden naar
jouw eigen (mobiele) cijfers?
Rapid Analytics!

82. E-­‐mail
vanuit
SIM
SIM
database
Is
mobiel/tablet/
desktop/other
Pixel
in
e-­‐mail
of
landingspagina
download
bij
openen
e-­‐mail
mogelijkheid
tot
tonen
dynamische
content
Hoe werkt Rapid Analytics?

83. Hoe ziet deze string er uit?
&a=Mozilla%2f4.0+(compatible%3b+MSIE+7.0%-
3b+Windows+NT+5.1%3b+Trident%2f4.0%3b+GTB6.6%-
3b+Media+Center+PC+3.0%3b+.NET+CLR+1.0.3705%-
3b+InfoPath.2%3b+.NET+CLR+2.0.50727%3b+.
NET+CLR+1.1.4322%3b+.NET+CLR+3.0.4506.2152%3b+.
NET+CLR+3.5.30729%3b+MSOffice+12)&p=%2fwho%2fty-
pe.aspx%3fURL%3dhttp%3a%2f%2femail.c1000.nl%2fext.
dll%3fID%3dHnGEzIK%2bTbHJXL0TbHHS%26r%3dr&-
q=URL%3dhttp%253a%252f%252femail.c1000.nl%-
252fext.dll%253fID%253dHnGEzIK%2bTbHJXL0Tb-
HHS%26r%3dr&i=82.134.225.217
Vertaling daarvan is de truc!

84. Meer Devices en nauwkeuriger
Sim Analytics: 27 device types Rapid Analytics: 334 device types

85. Welke informatie?
• Device type (desktop/phone/tablet) merk & type
• Operating systems
• Mail clients
• Browser
• IP adres
• Lijst/campagne
• Email/pagina
• Tijdstip
Uitgebreider en betrouwbaarder dan SIM analytics,
(of andere analyse tools op andere mail platforms).

86. • Statistieken & trends
• Verrijkte klantprofielen
• Segmentaties
• Responsive design trajecten
• Responsive e-mail optimalisatie
• Responsive landings pagina’s
• Conversie optimalisatie mobile funnel
Input voor

87. Enkele cijfers
en cases

88. 17.075.335
Email adressen
87.536.546
Keer getoond
2.357
Campagnes
4.210
Verzendingen
89
Verzendlijsten
16 mei 2010 t/m 30 juni
2013

89. Echte cijfers opens

90. Echte cijfers: trend in 2013

91. 84%
van de mailuitingen zijn nog
niet geschikt voor mobiel
bron: DM Barometer 2013

92. Mensen gebruiken vaker meerdere
devices om hun e-mails te bekijken!
Maar het overgrote deel opent slechts op 1 device...
Bron: RapidAnalytics

93. Reumafonds E-nieuws
Testopzet
• Segment van 7000 gebruikers die vaker op een mobiel device dan op een desktop hebben geopend
• A/B test met responsive en niet-responsive design
CTR 61,46%
CTO 45,90%

94. NUON Kleine Bespaar Producten
CTR 12,54%
CTO 8,04%
Testopzet
•Segment van 16.500 gebruikers die vaker op een mobiel device dan op een desktop hebben geopend
• A/B test met responsive en niet-responsive design

96. Mobiel is er gewoon
Responsive design
is geen hype,
maar een nieuwe standaard

97. Hoe ga jij om met
het onbekende?

98. 2013 Heeft u 4G?

99. Totvolgend jaar!