Google Digital Dive - Een naadloze online ervaring

Een naadloze online ervaringMathias VissersDigital Strategist, Intracto Digital Agency

Een naadloze online ervaring

digitaal strateeg

[email protected]

Mathias Vissers

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

75

• 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

Een naadloze online ervaring

Je hebt je bezoeker,

met de juiste boodschap,

op het juiste moment,

bereikt.

En nu?

Een naadloze online ervaring

Welke kanalen kan je gebruiken?

• Je website

• Een mobiele app

• Webshop

• E-mail

• Telefoon

• ...

Een naadloze (online) ervaring

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

Het digitale eco-systeem

Het digitale eco-systeem

Web platform

Social

Adverteren

Affiliate

Blogs

Zoekmachines

…

Offline

ShopsFullfillment

Retours

Customercare

Adverteren

Het digitale eco-systeem

De customer journey

• 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

Responsive* design*mobielvriendelijk

Wat is responsive design?

Google Test My Site

• 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

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

Tip 2: Spreek de taal van je gebruiker

Tip 3: Zorg voor gebruiksvriendelijke formulieren

Tip 4: Wees bereikbaar

Tip 5: Wees duidelijk vanaf het eerste moment

Responsive* e-mail design

*mobielvriendelijk

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

Responsive e-mail

Snelheid

• 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

Contextuele inhoud

• 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

• Mobiel gerichte/zichtbare advertenties = goed idee

MAAR

• Zorg voor mobiele/responsive landingpage

• Andere (verkorte) boodschap dan desktop

• Mobile friendly (& verkorte) formulieren

Advertenties & marketing campagnes

mCommerceOnline mobile shopping

• 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

• 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

Gebruikers volgen(en meten)

• 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

What’s next?

• 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

Google Mijn Bedrijf

Google Mijn Bedrijf

Google Mijn Bedrijf

Take-aways

• 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

Is your website 2016-proof?

Passionate about [email protected]

www.intracto.com

Vragen?