De flesta satsar allt på ett kort, litar på magkänslan och nu får det bära eller brista! Så rullar man ut sin redesign, och nu är budgeten och energin borta & 3 år senare får man göra om hela grejen. Eller Så jobbar du agilt i små steg. Du testar och mäter allt. Gradvisa förbättringar levererar "ränta-på-ränta"effekt. Vi kallar det Evolutionär webbdesign. Dags att skrota din Revolutionära webbdesign-approach? Kolla presentationen så får du svaret.

1. Sitevisiondagarna
Evolutionär
webbdesign
2014-10-08

2. John Ekman - aka Chief
Conversionista
Min “Holy Discontent” var
att webbprojekt drevs som
teknikprojekt eller för att
vinna Guldägg men INTE för
att skapa affärer
Startade Conversionista 2010
Målet var att ta rollen som
tankeledare för
konverteringsoptimering i Sverige
Internationell bloggare & talare
2

3. Det har hänt mycket sedan dess….
✓ 300 projekt
✓ 15 anställda
✓ Conversion Jam x 4
✓ Conversion Manager x 60

4. Skryt-bilden
Media
4
E-handel
B2C
Leadgen
B2B
Leadgen

5. “Konverteringsoptimering”

6. 6
Konvertering är att:
få dina besökare att
göra det du vill
på din webbplats
eller på en speciell
landningssida

7. Inte helt ovanliga mål
7
1. Fler ska kunna anmäla sig direkt till
musikskola, förskola, etc.
2. Fler ska kunna söka bygglov
3. Fler ska kunna ta del av etableringsplaner
och liknande
4. Färre ska ringa

8. Konverteringens första lag
8
”Konvertering sker
när dina och
besökarens mål
Persuasion Usability
möts”
Öka Motivation Minska friktion

9. We just love
Big Bang Theory

10. Stora grejer = stora resultat
Små grejer = små resultat
Eller?

11. Rory Sutherland
”Every Company should
have a Director of Details
with unlimited influence
and almost no budget”
TED.COM : Sweat the small stuff

12. Alert we have a redesign!
I repeat, we have a redesign.

13. SL

14. Mitt alternativ
http://conversionista.se/sl-ny-responsiv-sajt/

15. Hej, vi tappade några på vägen

16. Försäkringskassan

17. Hur mycket bryr man
sig på en skala?
0 100

18. Konverteringens första lag
18
I wanna get my
shit done
Varumärkes-upplevelse
!
“Bästa” sajten i
sin klass
!
Utmärkelser
!
Ny teknik
”Konvertering sker
när dina och
besökarens mål
möts”

19. Intuitiv användarupplevelse
Ett bra gränssnitt behöver ingen förklaring
19

20. (Inte så) Intuitiv
användarupplevelse
20

21. Vad är den förväntade
påverkan av en redesign?
0

22. Varför?
22
Mål med redesign
1. Byta CMS
2. Införa Responsiv design
3. Integrera med bakomliggande system
4. Flera språk
5. Ny Varumärskesprofil
6. Känns såååååå…. år 2000

23. “Om ett projekt inte drivs av
era affärsmål, så kommer
påverkan på affärsmålen
att vara cirka……….”
23
0

24. Here are the contenders
Revolutionär
webb-design
24
Evolutionär
webb-design

25. Sug inte mer än ni behöver
25

26. What’s new?
26

27. Vad är AB-testning?
27
A/B- testning är en optimeringsmetod där man
slumpvis styr besökare på sin vanliga sajt (eller
mobilsajt/app mm.) till olika varianter av en sida
eller sidkomponenter.
!
Man mäter beteendet för de olika segmenten och
när experimentet gett ett statistiskt signifikant
resultat på förändrat beteende och resultat kan
man permanent implementera den vinnande
varianten.

28. Case - Namnband

29. Konverteringar
Intäkter
-6 %
-13 %
A/B-test #1

30. WTF!!!

31. A/B-test #2
Konverteringar
Intäkter
-25 %
-48 %
Konverteringar
Intäkter
+16 %
+15 %

32. Case - Swedoffice

33. Scope - Decluttered checkout

34. 34
Resultatet?
0!

35. 35
Varför?
Heatmap i Visual Website Optimizer gav svaret

36. Test # 2
36
Knverteringsgrad +6%
Intäkt per besökare + 10%

37. Vad lär vi oss av det här?
37
1. Man har ofta fel
2. Det enda dåliga testet är
ett test där man inte lär sig
någonting

38. Case - SJ

39. 39

40. 40
No, not again!

41. Det här vore ju dumt…..
41

42. 42
Om det inte vore för det här……..

43. Fast det
var ju
ingenting i
jämförelse
…..
43
67!

44. Vad med guldhänderna?
44
2 4 1
2 2 22

45. Case - Skandia barnförsäkring

46. Utmaning
Ingen kärlek på många år
Skandia hade begränsade data/insikter om vilka köparna var
Flödet bestod av 6 steg och summan av avhoppen i varje steg
gjorde att konverteringsgraden var låg
Produktsidan och teckningsflödet satt inte ihop utan var två
separerade upplevelser
46

47. 1 produktsida - 6 sidor i teckningsflöde

48. Lösning
Gör om - gör rätt
Projektet präglades av möjligheten att ifrågasätta det mesta och att
kunna göra en ny lösning helt från grunden.
Fokus - Projektet handlade bara om barnförsäkring
Vänd på varje sten - Projektgruppen ifrågasatte allt
48

49. Konkurrent och Kundanalys
Projektets hypotes var att de flesta konkurrenter
också gjorde fel, även om deras sidor var modernare
49
1. Många kunder vet inte vad en barnförsäkring är
2. De flesta köper barnförsäkringen kort tid efter barnets födelse

50. 50
Spontan
Tävlings-inriktad
Humanistisk
Metodisk
En sida - Flera personas
Vi använde en modell med fyra
personlighetstyper som delar in
besökare efter hur de fattar beslut.
!
Motivation: Logisk eller emotionell?
Hastighet: Långsam eller snabb
Metodisk
Tävlings-inriktad
Humanistisk Spontan
Logisk
Emotionell
Långsam Snabb

51. Fler principer
Sex steg blev ett
Sex produktvarianter/grundbelopp blev tre
Styr kunden med förval
Gradvis engagemang
Barnen växer
51

53. 7 sidor blev…..

54. Två!!

55. “Evolutionär” - Seriöst?
✓Projektet handlade bara om barnförsäkring
✓Ingen designmanual? - Kör på bara!
✓Fick in nytt arbetssätt

56. You say you want a revolution?

57. Evolutionens baksida
57

58. 58
Revolutionär Evolutionär
Big Bang
Allt på ett kort
Baserat på
magkänsla
Händer sällan
Tar en till nya
områden i “lösnings-landskapet”
I små steg
Sprid riskerna
Baserat på data,
mätning & testning
Händer hela tiden
Fastnar i Lokalt
optimum

59. Stockholm 16e Oktober
www.conversionjam.se Kod:SITEVISION 500kr
@conversionista