Mijn sessie voor Google Digital Dive roadtour. Een naadloze online ervaring voor kmo's.

1. Een naadloze
online ervaring
Mathias Vissers
Digital Strategist, Intracto Digital
Agency

2. Een naadloze online ervaring

3. digitaal strateeg
mathias.vissers@intracto.com
Mathias Vissers

4. 75+ experts in strategie, branding, marketing, content,
customer experience en development.

5. 75

7. • Strategie, marketing en web-ontwikkeling
• Intracto Group
• Intracto (digital), Mosquito (360°), King Foo (back-end development)
• Omzet groep 2014: 11.5 miljoen EUR
• Internationaal netwerk & ervaring
• Herentals, sinds 2005
• Open cultuur, actief kennis delen,
actieve contributor aan Drupal & Symfony
Over Intracto

8. Een naadloze online ervaring

9. Je hebt je bezoeker,
met de juiste boodschap,
op het juiste moment,
bereikt.
En nu?
Een naadloze online ervaring

11. Welke kanalen kan je gebruiken?
• Je website
• Een mobiele app
• Webshop
• E-mail
• Telefoon
• ...
Een naadloze (online) ervaring

12. Uw website is geëvolueerd van een (verplicht) visite-kaartje tot een
• Marketing tool/kanaal
• Lead generator
• Verkoopskanaal
• CRM-systeem (klanten-relatie-beheer)
• Product-catalogus
• …
De geëvolueerde rol van een website

13. Het digitale eco-systeem

14. Het digitale eco-systeem

15. Web
platform
Social
Adverteren
Affiliate
Blogs
Zoekmachines
…
Offline
Shops
Fullfillment
Retours
Customer
care
Adverteren
Het digitale eco-systeem

16. De customer journey

19. • De website maakt deel uit van de customer journey,
en is dus onderdeel van een geheel van kanalen.
• Het is belangrijk dat deze verschillende kanalen op elkaar zijn
afgestemd met telkens dezelfde boodschap, tone-of-voice en opbouwen
naar een gewenste actie (verkoop, lead, …)
• Elke touchpoint heeft wel een vervolg-touchpoint naar waar je de
klant/prospect probeert te gidsen, om hem/haar zo in een volgende stap
van het proces te krijgen.
• Het is de volledige ervaring die telt, niet 1 communicatie-uiting.
De customer journey

22. Responsive* design
*mobielvriendelijk

23. Wat is responsive design?

26. Google Test My Site

29. • Bouw een band op alvorens persoonlijke gegevens te vragen
• Spreek de taal van je gebruiker
• Zorg voor gebruiksvriendelijke formulieren
• Wees bereikbaar
• Wees duidelijk vanaf het eerste moment
Bronnen:
https://www.thinkwithgoogle.com/collections/principles-of-mobile-app-design-engage-users-and-drive-conversions.html
https://www.thinkwithgoogle.com/collections/mobile-retail-apps-and-sites-designing-better-experience-for-shoppers.html
5 concrete tips voor je mobile site

30. Tip 1: Bouw een band op alvorens persoonlijke gegevens te vragen

31. Tip 2: Spreek de taal van je gebruiker

32. Tip 3: Zorg voor gebruiksvriendelijke formulieren

33. Tip 4: Wees bereikbaar

34. Tip 5: Wees duidelijk vanaf het eerste moment

35. Responsive*
e-mail design
*mobielvriendelijk

36. 55% van de e-mails worden op
een mobiel toestel geopend.
Bron: https://litmus.com/blog/we-analyzed-13-billion-opens-to-discover-where-subscribers-read-email-infographic

37. Responsive e-mail

38. Snelheid

39. • Een responsive website is ook een snelle website
• Cut the crap
• Geen overbodige beelden & foto’s
• Beelden aangepast voor mobiel gebruik
• Vermijd video e.t.c. (tenzij expliciet te starten door gebruiker)
Snelheid van de site

40. Contextuele inhoud

41. • Juiste inhoud/boodschap/“call to action” op juiste moment
• Desktop-surfer & mobiele surfer hebben andere behoefte
Voorbeelden
• Desktop: sfeerbeelden, meer opbouwend, meer storytelling
• Mobiel: Openingsuren, adres, aanbod, voorraden (e-commerce), …
• Contextueel op mobiel: dichtstbijzijnde winkel
Contextuele inhoud

42. • Mobiel gerichte/zichtbare advertenties = goed idee
MAAR
• Zorg voor mobiele/responsive landingpage
• Andere (verkorte) boodschap dan desktop
• Mobile friendly (& verkorte) formulieren
Advertenties & marketing campagnes

43. mCommerce
Online mobile shopping

44. • Meer en meer m-commerce naast e-commerce
• Mobiel betalen blijft vaak drempel (cfr. “het bakske van de bank”)
Trends bij mobiel bezoek van webshops
• Inspiratie opdoen
• Voorraden raadplegen (van nabij gelegen winkel)
• Mobiel mandje vullen, ‘s avonds op desktop aankoop afronden
Online (mobile) shopping

45. • Toon enkel essentiële product-informatie
• Toon voorraden met daarbij dichtstbijzijnde winkel (+ openingsuren!)
• User tracking d.m.v. cookies (mandje-inhoud van mobile → desktop)
• Aangepaste betaalmethodes voor mobiele bezoekers
Online (mobile) shopping: tips

46. Gebruikers volgen
(en meten)

47. • Juiste interpretatie van je statistieken is van essentieel belang
• User tracking in Google Analytics
• Van waar komt lead/verkoop?
• Van mobile → desktop of omgekeerd.
Gebruikers volgen

51. What’s next?

52. • Accelerated Mobile Pages (AMP)
AMP HTML is een uitgeklede versie van de HTML-standaard,
die zich richt op het versnellen van nieuwsberichten, blogposten, …
• Geen support voor (third party) javascript code.
• Geen input elements mogelijk, dus geen formulieren of blogcomments.
• Geen externe stylesheets mogelijk en maar 1 CSS style tag in de head.
• Geen inline CSS styling mogelijk.
• CSS style rules moeten onder 50kb blijven.
AMP

53. Google Mijn Bedrijf

54. Google Mijn Bedrijf

55. Google Mijn Bedrijf

56. Take-aways

57. • Denk na over welke boodschap(pen) die je website vertelt in de
“customer journey”
• Optimaliseer de website voor mobiel gebruik (responsive)
• Optimaliseer ook je e-nieuwsbrieven voor mobiel gebruik
• Controleer of je Google Analytics alles goed meet (en maak beslissingen
op basis van de data & rapporten)
• Plaats duidelijke “call to actions” op je website
• Gebruik “Google Mijn Bedrijf”
Take-aways

58. Is your website
2016-proof?

60. Passionate about digital
mathias.vissers@intracto.com
www.intracto.com
Vragen?