Hoe zorgt u voor continue groei van de conversie in de webshop? ISM'er Jurjen Jongejan vertelde hoe Primera zorgt voor structurele omzetgroei door op basis van data de webshop te optimaliseren.
19. Inzichten Prioriteren
Test backlog
HoogLaag
Hypothese opstellen
Testplan maken
Testvarianten maken
A/B test live
Analyseren
Learnings delen
Test
herhalen
Informeren
team
Rapportage
o # bezoekers en
conversie per variant
o Segment analyse
o Significantie niveau
o Impact op KPI
Verandering
doorvoeren?
Nee JaVerwerpen en
naar volgende
test
Maak ticket voor
Development
Hoog
LIVE
Change backlog
A
B C
o Webanalytics data
o Externe expert analyses
o Sessie recording analyses
o Onsite klantfeedback
o Usability onderzoek
o Gedragsonderzoek
o Analyse klantenservice
vragen
o Interviews met klanten
o Etc.
Bronnen voor
conversieverbeteringen
Conversie-optimalisatieproces
27. Geef een goede eerste indruk
Bezoekers willen de content boven de vouw zo snel mogelijk zien. Laat belangrijke content
boven de vouw daarom eerst en maak de webpagina bruikbaar binnen 3 seconden.
Speed Index
Start Render
Laat zo snel mogelijk iets gebeuren op het
scherm
Hoe sneller een request op en neer gestuurd wordt tussen de browser en de server, hoe sneller
de bezoeker iets op het scherm ziet gebeuren.
28. Prioritering verbeterpunten
Laag<<Impact>>Hoog
Laag << Complexiteit >> Hoog
1a
4
6
5
3
1b
7
8
Actiepunt Actiepunt gespecificeerd Prioriteit
1a JavaScript en CSS in content boven
de vouw die het weergeven
blokkeren, verwijderen &
Combineer Resources
Maak alle pagina’s HTTPS
1b Vervang inline afbeeldingen door files - Alleen mogelijk indien alle pagina’s https zijn
2
JavaScript en CSS in content boven
de vouw die het weergeven
blokkeren, verwijderen
Verwijder de custom scroller op de store locator pagina op mobiel
3 Afbeeldingen optimaliseren
Gebruik maken van Mogrify om afbeeldingen te verkleinen en metadata te
verwijderen
4
Afbeeldingen optimaliseren Gebruik maken van Mogrify voor gecachte afbeeldingen om ze te verkleinen en
metadata te verwijderen
5 JS, CSS en HTML verkleinen JS/CSS verkleinen door middle van PHP code
6
JavaScript en CSS in content boven
de vouw die het weergeven
blokkeren, verwijderen
Afbeeldingen onder de vouw op de POP lazy loaded maken
7
JavaScript en CSS in content boven
de vouw die het weergeven
blokkeren, verwijderen
Veranderingen op de homepage doorvoeren aan de hand van Javascript
8 Browsercaching benutten Cacheduur verlengen voor statische resources als JavaScript en CSS bestanden
9 Server response time Logging voor bots uitschakelen – inclusief user agents naar local.xml
10 JS, CSS en HTML verkleinen ISM scripts verkleinen
11 JS, CSS en HTML verkleinen
Magento scripts herstellen (Ontbrekende ';', wanneer het errors veroorzaakt in
de minifier: tooltip.js, configure.js, centinel.js,packaging.js,
uploader,instance.js etc
29. 5.0 s 16.2 s
VoltooidL a d e n . . .
Visually complete Fully loaded
0.67 s 3.8 s
0-meting
Na optimalisatie
Start Render Speed Index
+ 653% + 362%
30. VoltooidL a d e n . . .
Visually complete Fully loaded
0.67 s 3.8 sNa optimalisatie
+ 653% + 362%
Bouncepercentage mobiel: -10%
Conversiepercentage mobiel: +4%
52. Waardeloos
verbeterpunt
Concurrent
kopiëren
Mening e-
Commerce
manager
Best practice
van Blog
Mening
designer
Design trends
Mening van de
merkpolitie
Redesign
concurrent
Mening CEO
Inzicht &
waardevol
verbeterpunt
A/B-test
learnings
Website-
statistieken
Klant-reviews
(bij
concurrent)
Feedback
tool
analyse
Sessie
recording-
analyse
Customer
journey
interviews
FAQ klanten-
service
Usability-
onderzoek
Hoe het was Hoe het nu is
53. Inzichten Prioriteren
Test backlog
HoogLaag
Hypothese opstellen
Testplan maken
Testvarianten maken
A/B test live
Analyseren
Learnings delen
Test
herhalen
Informeren
team
Rapportage
o # bezoekers en
conversie per variant
o Segment analyse
o Significantie niveau
o Impact op KPI
Verandering
doorvoeren?
Nee JaVerwerpen en
naar volgende
test
Maak ticket voor
Development
Hoog
LIVE
Change backlog
A
B C
o Webanalytics data
o Externe expert analyses
o Sessie recording analyses
o Onsite klantfeedback
o Usability onderzoek
o Gedragsonderzoek
o Analyse klantenservice
vragen
o Interviews met klanten
o Etc.
Bronnen voor
conversieverbeteringen
Conversie-optimalisatieproces
59. Inzichten Prioriteren
Test backlog
HoogLaag
Hypothese opstellen
Testplan maken
Testvarianten maken
A/B test live
Analyseren
Learnings delen
Test
herhalen
Informeren
team
Rapportage
o # bezoekers en
conversie per variant
o Segment analyse
o Significantie niveau
o Impact op KPI
Verandering
doorvoeren?
Nee JaVerwerpen en
naar volgende
test
Maak ticket voor
Development
Hoog
LIVE
Change backlog
A
B C
o Webanalytics data
o Externe expert analyses
o Sessie recording analyses
o Onsite klantfeedback
o Usability onderzoek
o Gedragsonderzoek
o Analyse klantenservice
vragen
o Interviews met klanten
o Etc.
Bronnen voor
conversieverbeteringen
Conversie-optimalisatieproces
64. Traditioneel
Potentiële verbeteringen direct doorvoeren Potentiële verbeteringen A/B-testen
Bron voor klantreis verbetering
Prioritering om klantreis te verbeteren
Methodiek
Kans op impact op klantreis KPI’s
Besparing op interne discussies
Slagingskans succesvolle klantreis innovaties
Onderbuikgevoel
Persoon met het hoogste salaris
20%
0%
10%
Data
Data
40%
40%
80%
Datagedreven
Nog meer verschillen in werkwijze
69. Minimaal 12 A/B-testen in 2018
Inzichten Prioriteren
Test backlog
HoogLaag
Hypothese opstellen
Testplan maken
Testvarianten maken
A/B test live
Analyseren
Learnings delen
Test
herhalen
Informeren
team
Rapportage
o # bezoekers en
conversie per variant
o Segment analyse
o Significantie niveau
o Impact op KPI
Verandering
doorvoeren?
Nee JaVerwerpen en
naar volgende
test
Maak ticket voor
Development
Hoog
LIVE
Change backlog
A
B C
o Webanalytics data
o Externe expert analyses
o Sessie recording analyses
o Onsite klantfeedback
o Usability onderzoek
o Gedragsonderzoek
o Analyse klantenservice
vragen
o Interviews met klanten
o Etc.
Bronnen voor
conversieverbeteringen
75. Key take aways
1. Baseer potentiële
verbeteringen altijd op
basis van data in plaats van
onderbuikgevoel
2. Volg een gestructureerd
proces op basis van data
3. Valideer verbeteringen
zoveel mogelijk met A/B
testen en leer voortdurend
van je doelgroep
4. De forse (online) groei van
Primera is mede te danken
aan een datagedreven
werkwijze!
76. Van Nelleweg 1, 3044 BC Rotterdam +31 (0)10 243 60 000 info@ism.nl www.ism.nl