verkkosivuston optimointi - case lyyti

42

Upload: petri-hollmen

Post on 13-Dec-2014

471 views

Category:

Business


2 download

DESCRIPTION

Kuvaus siitä, kuinka koitamme luoda sivustoamme paremmin tulevia asiakkaitamme palvelevaksi. Neljän kuukauden kehityskertomus optimoinnista, heat mapeista, a/b-testauksesta ja muusta kivasta.

TRANSCRIPT

Page 1: Verkkosivuston optimointi - case Lyyti
Page 2: Verkkosivuston optimointi - case Lyyti

Lähtötilanne, tavoitteet ja tulokset

Etusivun ja markkinointisivun, eli landing pagen optimointi

Lisää liidejä netistä – case Lyyti Oy

Page 3: Verkkosivuston optimointi - case Lyyti

• Tämä esitys kuvaa markkinointitiimimme jäsenen, Simo Heiskasen, tekemää työtä Lyyti Oy:n verkkosivuston trimmaamisessa tehokkaammaksi liidikoneeksi.

• Käytössä on Visual Website Optimizer-ohjelmisto, jolla suurin osa testeistä ja muutoksista on toteutettu.

• Meidän liiketoimintamme ei ole verkkosivujen optimointipalvelut, vaan tapahtumanhallintaohjelmiston kehittäminen, myynti ja tuki.

• Mikäli tästä on sinulle jotain hyötyä, niin olemme iloisia siitä! Kiitos Simolle hyvästä työstä ja raportista!

Jaa, jos pidät!

Petri HollménToimitusjohtajaLyyti Oywww.lyyti-palvelu.fi

Page 4: Verkkosivuston optimointi - case Lyyti

Lähtötilanne ja tavoite (07/2012)• Nettisivujen kautta tulee leadeja liian vähän, n. 1-2 leadia / viikko.

• Etusivulla useita call-to-actioneita, kuvia ja tekstiä. Yleisilme hieman sekava. Sivuilla kävijän vaikea saada yhdellä silmäyksellä käsitys siitä, mitä Lyyti tekee tai kenelle se on tarkoitettu.

• Kävijän reittiä etusivusta eteenpäin ei ole myöskään johdettu. Etusivu ja sivujen rakenne kannustaa/pakottaa kävijää surffailemaan sivuilla, jotta kaikki kävijän haluama tieto löytyy. Malttamaton kävijä saattaa tuskastua.

Tavoite:1) Saada nettisivujen kautta enemmän leadeja ja2) saada nettisivujen kautta lämpimämpiä leadeja. Yhä enemmän leadeja, joista yhä suuremmasta osasta tulee kauppoja

Page 5: Verkkosivuston optimointi - case Lyyti

Lähtötilanne: etusivu

Page 6: Verkkosivuston optimointi - case Lyyti

Heat map Heat map – – eli mistä kävijät klikkailivateli mistä kävijät klikkailivat

Page 7: Verkkosivuston optimointi - case Lyyti

Koko sivun heat mapKoko sivun heat map

Page 8: Verkkosivuston optimointi - case Lyyti

Heat mapin opetus:Heat mapin opetus:

klikkaukset siellä täällä kuin hauliparviklikkaukset siellä täällä kuin hauliparvi

Page 9: Verkkosivuston optimointi - case Lyyti

Miten päästään tavoitteeseen?

• Sen sijaan, että kävijät jatkavat etusivulta mihin sattuu, pyritään ohjaamaan ne markkinointisivulle. Markkinonitisivulla on tiiviisti Lyytin hyödyt ja asiakaskokemuksia kiinnostuksen herättämiseksi. Markkinointisivulta tarkoitus saada kävijät pyytämään yhteydenottoa.

• A/B testillä pyritään kehittämään:1) Etusivua:

– Yhdellä silmäyksellä nähtävissä Lyytin tarkoitus. Etusivun tarkoitus herättää kiinnostus ja johdattaa kävijät markkinointisivulle.

– Karsitaan CTA:t yhteen2) Markkinointisivua:

– Tiiviistää Lyytin hyödyt ja asiakaskokemuksia. Helppo yhteydenottopyyntö.

Page 10: Verkkosivuston optimointi - case Lyyti

Etusivutesti 1

Page 11: Verkkosivuston optimointi - case Lyyti

Heat mapHeat map

Page 12: Verkkosivuston optimointi - case Lyyti

Koko sivun heat mapKoko sivun heat map

Page 13: Verkkosivuston optimointi - case Lyyti

Tulokset: etusivutesti 1

• Testissä lähtötilanne (A) vs. etusivutesti 1 (B)• Aika: 6.7.2012-24.7.2012• Kävijöitä yht. 728

– Alkuperäinen sivu: 373– Etusivutesti 1: 355– Kävijöistä Lyytiin kirjautui suoraan etusivulta 20,60%

• Konversio % - Luelisää-nappi: 3,94• Mitä kehitetään seuraavaan?

– Onko etusivun viesti tiivistetty liikaa? Saako se kävijän vielä riittävän vakuuttuneeksi, jotta jatkaisi luelisää-sivulle?

– seuraavaan testiin paremmin Lyytin hyötyjä kuvaava kuvaus. Muuten kaikki elementit pidetään samoina, jotta kuvauksen merkityksestä saataisiin mahd. hyvä käsitys

Page 14: Verkkosivuston optimointi - case Lyyti

Etusivutesti 2

Page 15: Verkkosivuston optimointi - case Lyyti
Page 16: Verkkosivuston optimointi - case Lyyti

Tulokset: etusivutesti 2

• Testissä lähtötilanne (A) vs. etusivutesti 2 (B)• Aika: 24.7.2012-10.8.2012• Kävijöitä yht. 1 146

– Alkuperäinen sivu: 584– Etusivutesti 1: 562– Kävijöistä Lyytiin kirjautui suoraan etusivulta 27,49%

• Konversio % - Luelisää-nappi: 5,16– Muutos edelliseen versioon +1,22 %-yks. / +30,9 %

• Mitä kehitetään seuraavaan?– Muokataan hieman kuvausta ja lisätään siihen käyttäjämäärä,

korostetaan käyttäjien tyytyväisyyttä– Lisätään kuva johon tekstiä ajatuksella: ’’Näin moni muukin käyttää jo

Lyytiä’’ vähentämään epäröintiä.– Vaihdetaan Luelisää-nappi linkiksi. Linkkiä mahdollisesti pienempi

kynnys painaa kuin nappia.

Page 17: Verkkosivuston optimointi - case Lyyti

Etusivutesti 3 (ainut kuva testistä, siksi selitteet alla)

Post-it lapussa:’’Viimekin viikolla Lyytillä järjestettiin 320 tilaisuutta. Olisiko ensi viikolla myös teidän vuoronne?

Ota selvää, miksi yli 200 yritystä on jo vaihtanut Lyytiin?’’

Muu teksti postit-lapun vas. puolella:’’ Lyyti on verkkotyökalu, joka tekee tapahtumanhallinnasta helppoa

Luo tapahtumallesi hetkessä ilmoittautumissivu, joka kerää ja järjestää tiedot osallistujista puolestasi. Tiedot löytyvät aina yhdestä paikasta ja ovat sieltä helposti jaettavissa myös muille. Ei enää aikaa vievää sähköposti-Excel –työskentelyä. Lyyti on helppokäyttöinen, monipuolinen ja jo yli 2000 käyttäjän pidetty työkalu.

Linkki:’’Lue lisää siitä, mitä Lyyti tekee ja ketkä sitä käyttävät’’

Page 18: Verkkosivuston optimointi - case Lyyti

Tulokset: etusivutesti 3• Testissä lähtötilanne (A) vs. etusivutesti 3 (B)• Aika: 10.8.2012-18.9.2012• Kävijöitä yht. 5 299

– Alkuperäinen sivu: 2 618– Etusivutesti 1: 2 681– Kävijöistä Lyytiin kirjautui 22,05%

• Konversio % - Luelisää-nappi: 5,07– Muutos edelliseen versioon -0,09 %-yks. / -1,7 %

• Mitä kehitetään seuraavaan?– Otetaan karuselli käyttöön etusivulle– Karusellin ensimmäiseen välilehteen edelleen ohjaus lue-lisää sivulle– Laitetaan karusellin ensimmäiselle välilehdelle kuva käyttäjästä ja

käyttäjän suositus Lyytistä– Lisätään yksi CTA per karusellin välilehti: 1) nappi, josta näkee

asiakkaiden valikoituja kommentteja popupissa, 2) yhteydenottolomake sekä 3)tapahtumaviestinnän oppaan tilaus

Page 19: Verkkosivuston optimointi - case Lyyti

Etusivutesti 4

2) Asiakkaamme 3) Tutustu jo tänään 4) Tapahtumaviestinnän opas

Page 20: Verkkosivuston optimointi - case Lyyti

Tulokset: etusivutesti 4

• Testissä pelkkä karuselli (ei lähtötilannetta)• Aika: 18.9.2012-21.11.2012• Kävijöitä yht. 8 740• Konversio % - Luelisää-nappi: 3,92

– Muutos edelliseen versioon -1,15 %-yks. / -22 ,7 %• Muiden karusellin välilehtien konversio

– 2. välilehti, referenssi-popup: 0,47 %– 3. välilehti, yhteydenottolomake: 0,12 %– 4. välilehti, tapahtumaviestinnän opas: 0,24 %

• Mitä kehitetään seuraavaan?

– Facelift kaikille sivuille– Etusivulla ’’Mitä meistä puhutaan’’ ja ’’Tyytyväisiä

asiakkaitamme’’ –elementtien nostaminen sivun alalaidasta heti pääkarusellin alle.

Page 21: Verkkosivuston optimointi - case Lyyti

Etusivutesti 5

Page 22: Verkkosivuston optimointi - case Lyyti

(21.11.2012-2.1.2013)

Page 23: Verkkosivuston optimointi - case Lyyti

Tulokset: etusivutesti 5 (tilanne 2.1.2013)

• Aika: 21.11.2012-• Kävijöitä yht. 3 915

– yksi testiversio• Konversio % - Luelisää-nappi: 4,70

– Muutos edelliseen versioon +0,78 %-yks. / +19,9 %• Muiden karusellin välilehtien konversio ja muutokset edelliseen

– 2. välilehti, referenssi-popup: 0,40 % -0,07 %-yks.– 3. välilehti, yhteydenottolomake: 0,10 % -0,02 %-yks.– 4. välilehti, tapahtumaviestinnän opas: 0,30 % +0,06 %-yks.

• Mitä kehitetään seuraavaan?

– Ominaisuudet-, käyttömallit ja yhteystiedot –sivuille jatketaan yleisimmin etusivulta (kaikkiin n. 5% kävijöistä). Näitä sivuja kannattaa kehittää yhdessä etusivun ja markkinointisivun kanssa. Voisi olla hyvä yhdistää ominaisuudet-sivu ja markkinointi-sivu yhdeksi samaksi sivuksi.

Page 24: Verkkosivuston optimointi - case Lyyti

Etusivun rinnalla on kehitetty

markkinointisivua, jonka tavoitteena on

ollut tuottaa leadejaLähtökohtana oli esitellä Lyytin hyötyjä tiiviisti ja osoittaa Lyytin

monikäyttöisyys yrityksen koosta tai tapahtuman tyypistä

riippumatta. Ensimmäiseen versioon laitettiin elementteinä

esimerkki-ilmoittautumissivu, referenssi sekä yhteydenottolomake .

Page 25: Verkkosivuston optimointi - case Lyyti

Markkinointisivu 1

Page 26: Verkkosivuston optimointi - case Lyyti
Page 27: Verkkosivuston optimointi - case Lyyti

Tulokset: markkinointisivu 1

• Aika: 6.7.2012-24.7.2012• Kävijöitä yht. 26

• 0 % avasi etäesittely-lomakkeen• 26,92 % avasi esimerkki-ilmoittautumissivun

• Mitä kehitetään seuraavaan?

–Etäesittelyn saatetekstin vaihtaminen–Yhteyslomakkeen napin vaihto ’’Katso tästä vapaat ajat’’ ’’Olen kiinnostunut etäesittelystä’’–Yhteydenottolomakkeen vaihtaminen Lyytin ilmoittautumissivusta pelkistetympään Salesforce-lomakkeeseen–Referensseistä logorivin lisääminen sivun alalaitaan–Esimerkki-ilmoittautumissivun linkki vaihdetaan pieneen kuvaan ilmoittautumissivusta

Page 28: Verkkosivuston optimointi - case Lyyti

Markkinointisivu 2- Kuvana pelkästään tämä lämpökartta, josta näkyy etäesittely-osion muutokset ja uusi logorivi. Sivun yläosasta esimerkki-ilmoittautumissivun linkki vaihdettu pieneen kuvaan ilmoittautumissivusta

Page 29: Verkkosivuston optimointi - case Lyyti

Tulokset: markkinointisivu 2

• Aika: 24.7.2012-10.8.2012• Kävijöitä yht. 34

• 0 % avasi etäesittely-lomakkeen–muutos +/- 0

• 11,76 % avasi esimerkki-ilmoittautumissivun–muutos -15,16 %-yks. / -56,3 %

• Mitä kehitetään seuraavaan?–Esimerkki-ilmoittautumissivun kuva vaihdetaan takaisin linkiksi–Lisätään toinen rivi referenssilogoja sivun alalaitaan–Etäesittelyn saatetekstin muotoilu

Page 30: Verkkosivuston optimointi - case Lyyti

Markkinointisivu 3

Page 31: Verkkosivuston optimointi - case Lyyti

Markkinointisivu 3

Page 32: Verkkosivuston optimointi - case Lyyti

Tulokset: markkinointisivu 3

• Aika: 10.8.2012-16.8.2012• Kävijöitä yht. 34

• 5,88 % (2 kpl) avasi etäesittely-lomakkeen–muutos +2 kpl

• 11,76 % avasi esimerkki-ilmoittautumissivun–muutos +/- 0

• Mitä kehitetään seuraavaan?–Referenssi vaihdetaan ja referenssin yhteyteen lisätään MTV3:n logo–Etäesittely-kappaleen otsikko ja teksti vaihdettiin kokonaan. Teksti lyhennettiin.–Etäesittelynapin teksti vaihdettiin ’’Pyydä lisätietoja ja hinnat’’

Page 33: Verkkosivuston optimointi - case Lyyti

Markkinointisivu 4

Page 34: Verkkosivuston optimointi - case Lyyti

Tulokset: markkinointisivu 4

• Aika: 16.8.2012-23.8.2012• Kävijöitä yht. 22

• 13,64% (3 kpl) avasi etäesittely-lomakkeen

–muutos +7,76 %-yks.• 31,82 % avasi esimerkki-ilmoittautumissivun

–muutos +20,06 %-yks.

• Mitä kehitetään seuraavaan?–’’Voit valita sopivan käyttömallin’’ –kappaleen teksti vaihdetaan paremmaksi ja alle lisätään linkki josta aukeaa popup-ikkuna. Popup-ikkunassa on yhdeksän valikoitua asiakassuositusta Lyytistä, eri kokoisista ja -laisista yrityksistä.–Pyydä lisätietoa napin päälle lisätään lyhyt teksti kannustamaan lomakkeen täyttöön, kun se aikaisemmin on vain avattu mutta ei täytetty.–Vaihdetaan linkit vihreistä sinisiksi, jotta erottuu paremmin.

Page 35: Verkkosivuston optimointi - case Lyyti

Markkinointisivu 5

Page 36: Verkkosivuston optimointi - case Lyyti

Tulokset: markkinointisivu 5

• Aika: 23.8.2012-– (Luvut tähän otettu 7.9-2.1.2013, koska elokuun lopussa oli

omia testejä, jotka vääristäisivät lukuja)• Kävijöitä yht. 770

• 6,75 % (51 kpl) avasi etäesittely-lomakkeen– muutos -6,89 %-yks. (edellinen testijakso oli viikon mittainen)

• 51,56 % avasi esimerkki-ilmoittautumissivun– muutos +19,74 %-yks.

• 8,31% avasi referenssi-popupin

• Mitä kehitetään seuraavaan?– Markkinointisivun voisi esim. yhdistää ominaisuudet-sivun

kanssa yhdeksi samaksi sivuksi ja yksinkertaistaa sivurakennetta.

Page 37: Verkkosivuston optimointi - case Lyyti

Lukuja ja yhteenveto netistä tulleista leadeista ja

asiakkuuksista

Aikavälillä 13.8.2012-16.12.2012

Page 38: Verkkosivuston optimointi - case Lyyti

Leadit netistä• Aika 4 kuukautta / 18 viikkoa• Määrät todellisia. Vähennetty testit, nykyisten asiakkaiden kyselyt jne.• Leadien lukumäärä lähteittäin:

– Hinnasto Lite: 8 kpl– Hinnasto Pro: 8 kpl– Hinnasto Premium: 16 kpl– Hinnasto Unlimited: 6 kpl– Demotunnukset: 5 kpl– Käyttömallit ja hinnat: 3 kpl (Ota yhteyttä –nappi hinnastojen yläpuolella)– Lisätietoja ja hinnat: 14 kpl (Markkinointisivun CTA)– Yhteystiedot: 1 kpl (Yhteystieto-sivun yhteydenottolomake)

• Yht. 61 kpl• 61 kpl / 18vko = 3,4 leadia / viikko

Page 39: Verkkosivuston optimointi - case Lyyti

Yhteenveto 3.1.2013• Aika 13.8.2012-16.12.2012• Leadeja netistä yht. 61 kpl = 3,4 kpl / vko• Pidettyjä demoja 36 kpl• Avoinna:

– Prospecteja 20 kpl– Open 12 kpl

Page 40: Verkkosivuston optimointi - case Lyyti

Mitä tästä opimme?• Vaikka saat sivuillesi satoja tai tuhansia kävijöitä, sössit kaiken, jos sivusi ei

johda kävijää helposti kävijän etsimään sisältöön ja sitä kautta haluamaasi maaliin (yhteydenottoon, tilaukseen tms.)

• Asioita on mitattava, muuten tehdään mutua ja se maksaa• Asioita voi mitata. Ja se on hienoa.• Näiden asioiden tekeminen on se suurin kustannus kohti menestystä.

Lohduttavaa.• Visual Website Optimizer on todella hyvä työkalu sivuston kehittämiseen.• Euroakaan ei kannata laittaa onlinemarkkinointiin ennen kuin tiedät, että

laskeutumissivusi on tehokas ja tuottaa liidejä kävijöistä.

Page 41: Verkkosivuston optimointi - case Lyyti

KIITOS!

Jos tarvitset hyvää tapahtumanhallintaohjelmistoa, laita viestiä [email protected] tai mene osoitteeseen www.lyyti-palvelu.fi

Petri HollménToimitusjohtajaLyyti [email protected]

Page 42: Verkkosivuston optimointi - case Lyyti

Lyyti Finland

Linnankatu 13 Aa 1820100 Turku, Finland+358 20 741 51 [email protected]

Lyyti Oy

Event management made easy#Eventgement

Lyyti SverigeDynamic Business HubKungsgatan 33, 5.tr111 56 StockholmSverige+46 72 007 02 [email protected]

Lyyti Europe

Keimlerweg 18902 Urdorf (ZH)Switzerland+41 79 919 [email protected]