2014-10-08

Evolutionär webbdesign

Sitevisiondagarna

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

2

Startade Conversionista 2010

Målet var att ta rollen som

tankeledare för

konverteringsoptimering i Sverige

Internationell bloggare & talare

Det har hänt mycket sedan dess….

✓ 300 projekt

✓ 15 anställda

✓ Conversion Jam x 4

✓ Conversion Manager x 60

Skryt-bilden

Media

4

E-handelB2C

LeadgenB2B

Leadgen

“Konverteringsoptimering”

6

Konvertering är att:

få dina besökare att göra det du vill

på din webbplats eller på en speciell

landningssida

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

Konverteringens första lag

8

UsabilityPersuasion

Öka Motivation Minska friktion

”Konvertering sker när dina och

besökarens mål möts”

We just love Big Bang Theory

Stora grejer = stora resultat

Små grejer = små resultat

Eller?

Rory Sutherland

”Every Company should have a Director of Details with unlimited influence and almost no budget”

TED.COM : Sweat the small stuff

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

SL

Mitt alternativ

http://conversionista.se/sl-ny-responsiv-sajt/

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

Försäkringskassan

Hur mycket bryr man sig på en skala?

0 100

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”

Intuitiv användarupplevelse

Ett bra gränssnitt behöver ingen förklaring

19

(Inte så) Intuitiv användarupplevelse

20

0

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

Varför?

22

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

Mål med redesign

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

23

0

Here are the contenders

Revolutionär webb-design

24

Evolutionär webb-design

Sug inte mer än ni behöver

25

What’s new?

26

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.

Case - Namnband

Konverteringar Intäkter

-6 % -13 %

A/B-test #1

WTF!!!

Konverteringar Intäkter

-25 % -48 %

A/B-test #2

Konverteringar Intäkter

+16 % +15 %

Case - Swedoffice

Scope - Decluttered checkout

34

Resultatet?

0!

35

Varför?Heatmap i Visual Website Optimizer gav svaret

Test # 2

36

Knverteringsgrad +6% Intäkt per besökare + 10%

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

Case - SJ

39

40

No, not again!

Det här vore ju dumt…..

41

42

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

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

43

67!

Vad med guldhänderna?

44

2 4 1

22 22

Case - Skandia barnförsäkring

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

Utmaning

46

1 produktsida - 6 sidor i teckningsflöde

Gör om - gör rätt

Fokus - Projektet handlade bara om barnförsäkring

Vänd på varje sten - Projektgruppen ifrågasatte allt

Lösning

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.

48

Projektets hypotes var att de flesta konkurrenter också gjorde fel, även om deras sidor var modernare

Konkurrent och Kundanalys

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

Spontan

Tävlings- inriktad

Humanistisk

Metodisk

Metodisk

Humanistisk Spontan

Tävlings-inriktad

Logisk

Emotionell

Långsam Snabb

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

En sida - Flera personas

Sex steg blev ett

Sex produktvarianter/grundbelopp blev tre

Styr kunden med förval

Gradvis engagemang

Barnen växer

Fler principer

51

7 sidor blev…..

Två!!

“Evolutionär” - Seriöst?

✓Projektet handlade bara om barnförsäkring ✓Ingen designmanual? - Kör på bara! ✓Fick in nytt arbetssätt

You say you want a revolution?

Evolutionens baksida

57

58

EvolutionärRevolutionä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

Stockholm 16e Oktober

www.conversionjam.se Kod:SITEVISION 500kr

@conversionista