Moni yrityksen verkkosivusto toimii edelleen kuin digitaalinen esite. Asiakas voi lukea palveluista, katsella kuvia, tutustua referensseihin ja lopuksi täyttää yhteydenottolomakkeen. Mutta verkkosivusto voi tehdä paljon enemmän.
Entä jos asiakas voisi itse rakentaa tuotteensa tuotekonfiguraattorilla? Tai laskea mahdollisen säästönsä laskurilla? Vertailla vaihtoehtoja älykkäällä työkalulla, tutkia dataa interaktiivisesti, kokeilla simulaatiota tai saada juuri omaan tilanteeseensa sopivan suosituksen?
Tällöin verkkosivu ei enää vain kerro palvelusta. Se alkaa tarjota palvelua jo ennen yhteydenottoa, mitä suurin osa asiakkaista nykyisin toivoo. Tutkimukset osoittavat, että asiakkaat haluavat edetä ostopolulla yhä pidemmälle itsenäisesti: Gartnerin B2B-tutkimuksen mukaan 75 % B2B-ostajista kertoo suosivansa ostokokemusta ilman myyjän osallistumista, ja toimittajan verkkosivusto on heidän yleisin digitaalinen asiointikanavansa. Forresterin yli 16 000 B2B-ostajaa käsittäneessä tutkimuksessa ostajat puolestaan suosivat tasapainoista yhdistelmää henkilökohtaista ja itseohjautuvaa asiointia.
Tekoäly ja modernit verkkoteknologiat ovat muuttaneet sitä, kuinka nopeasti tällaisia toiminnallisuuksia voidaan suunnitella. Sometek WebLabsin case-osiossa on jo kymmeniä esimerkkejä konfiguraattoreista, laskureista, datatarinoista, simulaatioista, 3D-kokemuksista ja web-sovelluksista.
Olennaista ei kuitenkaan ole lisätä interaktiivisuutta vain näyttävyyden vuoksi. Hyvä toiminto poistaa asiakkaan polulta jonkin kitkan: se auttaa ymmärtämään monimutkaisen asian, vertailemaan vaihtoehtoja tai etenemään kohti päätöstä. Samalla verkkosivusto voi tuottaa yritykselle laadukkaampia liidejä, enemmän sivuilla vietettyä aikaa, ja selkeämmän polun yhteydenottoon.
Nykyään verkkosivun tehtävä ei ole vain saada yhteydenottoa. Sen pitäisi auttaa asiakasta etenemään päätöksessään jo ennen yhteydenottoa. Seuraavassa 10 esimerkkiä interaktiivisista toiminnoista, jotka tekevät verkkosivustostasi asiakkaalle aidosti hyödyllisemmän.
1. Tuotekonfiguraattori – anna asiakkaan rakentaa oma tuotteensa
Tuotekonfiguraattori on yksi selkeimmistä tavoista muuttaa tuotesivu passiivisesta esittelystä aktiiviseksi kokemukseksi. Sen sijaan, että asiakas selaa ominaisuuslistaa, hän voi kokeilla vaihtoehtoja itse.
Aurel-konseptissa premium-kaiuttimen tuotesivu ja konfiguraattori ovat sama kokemus. Käyttäjä voi vaihtaa rungon viimeistelyä, akustista tekstiiliä ja kuunteluprofiilia, lisätä henkilökohtaisen kaiverruksen sekä nähdä valintojensa vaikutuksen tuotteeseen ja hintaan. Lopuksi käyttäjää voi tilata itse rakentamansa version tuotteesta.
Sama idea toimii paljon laajemmin esimerkiksi teollisuuden koneissa ja laitteissa, kalusteissa, ajoneuvoissa, palvelupaketeissa tai ohjelmistojen lisäominaisuuksissa. Konfiguraattori voi samalla opettaa asiakkaalle, mitä vaihtoehtoja on olemassa ja mitkä niistä sopivat yhteen.
Tuotekatalogi kertoo, mitä myyt. Konfiguraattori auttaa asiakasta löytämään sen, mitä hän tarvitsee.
2. Laskuri – muuta abstrakti hyöty henkilökohtaiseksi
Yritys kertoo usein verkkosivuillaan, että ratkaisu säästää aikaa, energiaa tai rahaa. Asiakkaan kannalta kiinnostavampi kysymys kuuluu: Kuinka paljon minä säästäisin?
Siihen voidaan vastata laskurilla. Käyttäjä antaa muutaman lähtötiedon ja saa omaan tilanteeseensa perustuvan arvion. Tuloksena voi olla esimerkiksi:
- kustannussäästö
- takaisinmaksuaika
- kuukausierä
- energiankulutus
- investoinnin tuotto
- kapasiteettitarve
- hiilijalanjälki.
WebLabsin hiilijalanjälkilaskurissa käyttäjä syöttää tietoja liikenteestä, asumisesta, ruoasta ja kulutuksesta. Sivusto laskee henkilökohtaisen hiilijalanjäljen, vertaa sitä keskiarvoihin ja antaa käyttäjän sen jälkeen mallintaa eri muutosten vaikutusta reaaliajassa.
Sama periaate toimii kaupallisessa ympäristössä. Sen sijaan, että aurinkopaneeliyritys sanoo “säästä energiakuluissa”, se voi antaa asiakkaan nähdä arvion euroissa. Teollisuusyritys voi näyttää, kuinka nopeasti tehokkaampi tuotantoratkaisu maksaisi itsensä takaisin.
Hyvä laskuri muuttaa markkinointiväitteen henkilökohtaiseksi tiedoksi.
3. Tarjouspyyntökonfiguraattori – lomakkeesta palveluksi
Perinteinen tarjouspyyntölomake sisältää yleensä vain nimen, yrityksen, ja viestin. Sen jälkeen alkaa sähköpostiketju, jossa selvitetään, mitä asiakas oikeastaan tarvitsee. Entä jos suuri osa selvityksestä voitaisiin tehdä jo verkkosivulla?
WebLabsin tarjouspyyntökonfiguraattorin esimerkissä käyttäjä rakentaa verkkosivuprojektinsa vaiheittain. Hän valitsee projektityypin, sivujen määrän, ominaisuudet, suunnittelutason, aikataulun ja ylläpidon. Samalla hinta-arvio ja sivuston esikatselu muuttuvat reaaliajassa.
Asiakas ymmärtää samalla paremmin, mistä osista kokonaisuus muodostuu. Yritys puolestaan saa huomattavasti tarkemman tarjouspyynnön.
Samaa periaatetta voisi soveltaa esimerkiksi seuraaviin:
- “Millaisen tuotantolinjan tarvitset?”
- “Rakenna sinulle sopiva koulutuspaketti.”
- “Valitse tapahtumasi palvelut.”
- “Määrittele alustavasti tarvitsemasi kone.”
Hyvin suunniteltu tarjouspyyntökonfiguraattori voi siis parantaa yhtä aikaa sekä asiakaskokemusta että liidin laatua.
4. Vertailutyökalu – auta asiakasta tekemään vaikea valinta
Monella yrityksellä ei ole ongelmana vaihtoehtojen puute vaan niiden runsaus. Basic, Pro vai Enterprise? Malli A, B vai C? Kiinteä vai liikkuva ratkaisu?
Asiakas voi yrittää vertailla vaihtoehtoja taulukosta, mutta verkkosivu voi tehdä työn hänen puolestaan. Vertailutyökalussa käyttäjä voisi valita kaksi tai kolme vaihtoehtoa rinnakkain ja nähdä vain päätöksen kannalta olennaiset erot.
Vielä kiinnostavampi ratkaisu syntyy, jos vertailu perustuu käyttäjän omaan tilanteeseen. Hän voi määritellä tavoitteensa, lähtöarvonsa tai tärkeimmät valintakriteerinsä, jolloin sivusto nostaa esiin juuri hänen päätöksensä kannalta merkitykselliset erot.
WebLabsin Huominen, kirkkaasti -päätössimulaattori vie tämän ajatuksen vielä pidemmälle. Käyttäjä voi verrata kahta vaihtoehtoista päätöstä omilla lähtöarvoillaan ja nähdä, miten niiden vaikutukset kehittyvät ajan kuluessa esimerkiksi talouden, ajankäytön, hyvinvoinnin ja riskien näkökulmasta. Näin vertailu ei rajoitu ominaisuuksiin, vaan auttaa hahmottamaan mitä eri valinnat voivat käytännössä merkitä juuri käyttäjälle.
Tällöin verkkosivusto ei enää näytä kaikille samaa tuotekatalogia. Se auttaa käyttäjää vertailemaan vaihtoehtoja omista lähtökohdistaan ja tekemään perustellumman päätöksen.
5. Interaktiivinen data – anna käyttäjän löytää oma näkökulmansa
Yrityksillä ja organisaatioilla on valtavasti arvokasta dataa. Ongelma on usein siinä, että tieto jää PDF-raportteihin ja Excel-taulukoihin, joiden visuaalinen kiinnostavuus on lähellä nollaa ja joista olennaisen löytäminen vaatii käyttäjältä liikaa aikaa ja vaivaa.
Interaktiivinen datavisualisointi muuttaa asetelman. Houkuttelevasta ja helposti ymmärrettävästä visualisoinnista käyttäjä voi itse valita, mitä haluaa nähdä: rajata aineistoa, vertailla kiinnostavia vaihtoehtoja, vaihtaa näkökulmaa tai tarkastella kehitystä ajassa. Sen sijaan, että verkkosivu vain esittää yhden johtopäätöksen, se antaa käyttäjälle välineet löytää datasta juuri hänen kannaltaan merkityksellinen tieto.
WebLabsin Paikkalinssi näyttää tästä yhden mahdollisuuden. Käyttäjä voi tarkastella suomalaisia postinumeroalueita eri liiketoimintojen näkökulmasta ja tutkia esimerkiksi väestöä, tuloja, ikärakennetta ja työpaikkoja. Järjestelmä ei anna yhtä mustan laatikon “parasta sijaintia”, vaan tarjoaa aineiston päätöksen tueksi.
WebLabsin Nord Grid -vuosikertomuksessa käyttäjä puolestaan tutkii yrityksen toimintaa kartan, energiantuotannon ja taloudellisen datan kautta. Katso lisää havainnollistavia esimerkkejä aiemmasta kirjoituksestani, joka käsittelee interaktiivista infografiikkaa.
Tällaista lähestymistapaa voidaan käyttää esimerkiksi:
- vastuullisuusraporteissa
- tutkimushankkeissa
- markkinakatsauksissa
- kiinteistöissä
- energiassa
- logistiikassa
- kuntien ja kaupunkien datassa
- sijoittajaviestinnässä.
Siinä missä staattinen infografiikka kertoo yhden tarinan, interaktiivinen datatarina antaa käyttäjän löytää aineistosta oman tarinansa.
6. Testi tai kysely – muuta kävijä osallistujaksi
Lyhyt testi tai kysely voi tehdä muuten yleisestä sisällöstä henkilökohtaisempaa, kun kävijä valitsee tilanteeseensa sopivat vastaukset. Konsulttiyritys voisi rakentaa digikypsyystestin, energiayhtiö kartoittaa käyttäjälle sopivaa ratkaisua tai koulutusyritys auttaa löytämään oikean koulutuspolun muutamalla kysymyksellä.
Mutta testin ei aina tarvitse olla vakava tai suoraan myyntiin tähtäävä.
“Testaa itsesi” -tyyppisissä kyselyissä huumori ja tunnistettavuus voivat olla juuri se asia, joka saa käyttäjän osallistumaan – ja jakamaan tuloksensa myös muille. Hyvin suunniteltu testi voi toimia samalla sekä sisältönä, brändinrakentajana että sosiaalisessa mediassa leviävänä kampanjana.
WebLabsin Kuinka suomalainen olet? -testissä käyttäjä vastaa humoristisiin suomalaisuutta mittaaviin kysymyksiin ja saa lopuksi oman tuloksensa. Idea on yksinkertainen, mutta juuri henkilökohtainen lopputulos tekee kokemuksesta kiinnostavan ja helposti jaettavan.
Testin sävy kannattaa sovittaa yrityksen kohderyhmään. B2B-ympäristössä hyvin voivat toimia esimerkiksi asiantuntijuutta tai kehitystarpeita kartoittavat testit:
- Kuinka valmis yrityksesi on tekoälyyn?
- Millainen johtaja olet?
- Kuinka vastuullinen yrityksesi toiminta on?
- Millainen brändipersoona yritykselläsi on?
7. Interaktiivinen kartta – näytä missä asiat tapahtuvat
Kartta on yksi verkon tutuimmista käyttöliittymistä, mutta yrityssivustoilla sen potentiaalia hyödynnetään yleensä vain yhteystietojen näyttämiseen. WebLabsin case-kirjastossa kartta toimii paljon mielikuvituksekkaammissa rooleissa: Interactive Earthissa tutkitaan paitsi maantiedettä myös karttaan upotettua monipuolista tietoa, Helsinki-Vantaan lentoreiteissä lentoliikennettä, Suomen matkailuvirroissa matkailun alueellista dataa ja Animal Migration Atlas näyttää puolestaan eläinten muuttoreitit.
Näissä kartta ei ole taustakuva, vaan käyttöliittymä tiedon tutkimiseen.
Samaa ajatusta voidaan soveltaa yrityssivustoihin hyvin monella tavalla. Kartalla voidaan esittää esimerkiksi:
- jälleenmyyjät ja toimipisteet
- toteutetut projektit ja referenssit
- toimitus- ja palvelualueet
- rakennus- ja kiinteistökohteet
- matkakohteet
- tutkimusaineisto
- logistiset verkostot
- markkina- tai väestödata.
Karttaan voidaan yhdistää suodattimia, kuvia, videoita, tilastoja ja aikajanoja. Käyttäjä ei siis vain katso sijainteja, vaan voi rajata näkymää ja tutkia niiden taustalla olevaa tietoa oman kiinnostuksensa mukaan.
Kansainvälinen teollisuusyritys voisi esimerkiksi näyttää sadat toteuttamansa projektit maailmankartalla ja antaa käyttäjän suodattaa niitä toimialan, ratkaisutyypin tai vuoden mukaan. Pitkä referenssilista muuttuisi samalla havainnolliseksi kuvaksi yrityksen kansainvälisestä kokemuksesta.
Matkailuyritykselle kartta voisi puolestaan olla koko palvelun käyttöliittymä: käyttäjä voisi tutkia kohteita alueittain, vertailla vaihtoehtoja tai rakentaa oman reittinsä.
Hyvin suunniteltu kartta tiivistää suuren tietomäärän ymmärrettäväksi kokonaisuudeksi ja auttaa käyttäjää löytämään nopeasti juuri hänelle olennaisen tiedon.
8. Simulaatio – anna asiakkaan kysyä “mitä jos?”
Simulaatio antaa käyttäjän itse kokeilla vaihtoehtoja: Mitä tapahtuu, jos korkotaso nousee? Entä jos tuotantokapasiteettia kasvatetaan 20 prosenttia? Miten päätös vaikuttaa viiden vuoden päästä?
WebLabsin Huominen, kirkkaasti -päätössimulaattori ja Butterfly Effect -simulaatio tutkivat juuri tällaista käyttöliittymäajattelua. Käyttäjä ei vain katso lopputulosta vaan muuttaa lähtöarvoja ja näkee seuraukset.
Simulaatio on erityisen tehokas silloin, kun yrityksen tuottama arvo liittyy muutokseen, optimointiin tai pitkän aikavälin vaikutuksiin. Sen sijaan, että konsultti kirjoittaa sivulle “autamme tekemään parempia päätöksiä”, hän voi antaa asiakkaan itse kokeilla eri vaihtoehtoja ja nähdä niiden mahdolliset seuraukset. Tällöin palvelun hyöty ei jää abstraktiksi lupaukseksi, vaan muuttuu käyttäjän omilla lähtötiedoilla havainnollistetuksi kokemukseksi.
Hyvä simulaatio auttaa asiakasta ymmärtämään, miksi sillä voi olla merkitystä juuri hänen tilanteessaan.
9. 3D-tuote ja digitaalinen kaksonen – anna asiakkaan tutkia tuotetta
Tuotteen ei tarvitse enää pysyä yhdessä kuvakulmassa. 3D-mallin avulla käyttäjä voi pyörittää tuotetta, zoomata yksityiskohtiin, vaihtaa materiaaleja tai avata selityksiä tuotteen eri osista.
WebLabsin 3D Product Reveal tutkii tuotteen näyttävää esittelyä, mutta ajatus voidaan viedä paljon syvemmälle.
Wind Turbine Digital Twin yhdistää 3D-malliin käyttödataa. Käyttäjä voi tarkastella tuuliturbiinia eri kulmista, siirtyä komponentteihin ja nähdä esimerkiksi tuulennopeuden, tehontuoton, rakenteellisen kuormituksen, lämpötiloja ja huoltotietoa.
Tällainen digitaalinen kaksonen voi palvella markkinoinnin lisäksi koulutusta, huoltoa tai myyntiä. Myyjä voi havainnollistaa tuotteen toimintaa asiakkaalle, huolto voi paikantaa komponentin visuaalisesti ja koulutuksessa voidaan tutkia järjestelmää ilman fyysistä laitetta.
Teollisuusyritykselle tämä avaa kiinnostavan mahdollisuuden. Sen sijaan, että asiakkaan pitäisi etsiä tarvitsemansa tieto vaikeaselkoisesta teknisestä PDF:stä, hän voi tutkia tuoteen ominaisuuksia ja toimintaa verkkosivulla juuri siitä näkökulmasta, joka häntä kiinnostaa.
10. Personoitu suositus – verkkosivu voi auttaa löytämään oikean ratkaisun
Monen verkkosivuston rakenne lähtee yrityksestä: Meillä on nämä seitsemän palvelua. Asiakas taas ajattelee: Minulla on tämä ongelma. Mitä minun pitäisi tehdä?
Tässä syntyy helposti kitkaa. Asiakkaan pitäisi itse osata tulkita yrityksen palvelurakenne, verrata vaihtoehtoja ja päätellä, mikä niistä sopii hänen tilanteeseensa. Mitä monimutkaisempi tarjonta on, sitä suuremmaksi tämä kynnys kasvaa.
Personoitu suositustyökalu voi kääntää asetelman toisin päin. Käyttäjältä voidaan kysyä esimerkiksi: mitä yrität saavuttaa, mikä on suurin nykyinen ongelma ja kuinka nopeasti ratkaisu tarvitaan? Vastausten perusteella sivusto voi ehdottaa sopivaa palvelua, tuotetta tai etenemistapaa ja perustella, miksi juuri se vaihtoehto sopii käyttäjän tilanteeseen.
WebLabsin case-osiossa esimerkiksi Client Onboarding Wizard tutkii asiakkaan tarpeiden kartoittamista jo ennen varsinaisen projektin alkua. Samaa ajattelua voidaan soveltaa suoraan myyntiin: verkkosivu voi auttaa asiakasta jäsentämään omaa tarvettaan jo ennen ensimmäistä keskustelua ja ohjata hänet oikean ratkaisun äärelle.
Hyvä verkkosivusto ei siis kysy ensimmäisenä: “Mihin palveluumme haluat tutustua?” vaan “Mitä haluat saavuttaa?”
WebLabs – verkkosivuista interaktiivisiksi palveluiksi
Sometek WebLabs yhdistää tekoälyn, WordPressin, luovan suunnittelun ja interaktiiviset verkkoteknologiat. Tekoälykiihdytetty työnkulku tekee myös uudenlaisten toimintojen suunnittelusta huomattavasti aikaisempaa nopeampaa.
Ideaa ei tarvitse määritellä kuukausia paperilla. Kerro yksinkertaisesti tavoitteesi tai ongelmasi, niin rakennamme nopeasti ensimmäisen toimivan version ja näet, miltä ratkaisu tuntuu oikeassa käytössä.
Tavoitteena on tunnistaa ne kohdat, joissa yksi hyvin suunniteltu toiminto voi poistaa kitkaa asiakkaan polulta, helpottaa päätöksentekoa ja samalla kasvattaa verkkosivuston liiketoiminta-arvoa.
Verkkosivujen ei tarvitse enää vain näyttää hyvältä ja kertoa, mitä yrityksesi tekee. Ne voivat auttaa asiakasta vertailemaan vaihtoehtoja, laskemaan hyötyjä ja tekemään valintoja jo ennen ensimmäistä yhteydenottoa. Tällöin verkkosivusto toimii aktiivisena osana myyntiä – ei pelkästään palveluidesi esittelijänä.
Ota yhteyttä, niin katsotaan, millä interaktiivisilla ratkaisuilla sivustonne voisi palvella asiakkaita paremmin ja tehdä enemmän työtä myynnin puolesta.
