Verkkokaupan ulkoasu - visuaalisuus vai konversio-optimointi?

Tekstiä on ajantasaistettu syyskuussa 2023.

Verkkokaupan ulkoasua suunniteltaessa joudutaan tasapainottelemaan visuaalisuuden ja toisaalta konversio-optimoinnin kanssa. Etusivun täyttävä upea fiiliskuva tai taustavideo voi tehdä vaikutuksen sivulle tulijaan, mutta ne eivät välttämättä edistä verkkokaupan perimmäistä tarkoitusta, eli myynnin saamista. Verkkokauppa voi kuitenkin olla sekä visuaalisesti näyttävä että myyvä, kunhan kokonaisuus suunnitellaan huolellisesti.

 

Verkkokaupan käytettävyys

Jotta asiakas voisi lisätä tuotteen ostoskoriin ja tilata sen, pitää tuotteiden olla helposti löydettävissä. Tuotteiden löytämistä helpottaa kun tuoteryhmävalikko ja tuotehaku ovat sijoitettu helposti löydettäviin paikkoihin. Elementtien sijoittelussa ei kannata keksiä pyörää uudestaan, vaan ne kannattaa sijoittaa samaan tapaan kuin verkkokaupoissa on yleisesti tapana tehdä. Tällä tavalla asiakas osaa automaattisesti siirtää katseensa (ja hiirensä) oikeaan paikkaan. Muutamia vuosia sitten teimme pienen tutkimuksen elementtien sijoittelusta. Tulokset voivat olla jo osin vanhentuneita, mutta ajatus käytettävyyden helpottamisesta elementtien sijoittelusta tuttuihin paikkoihin on edelleen pätevä myös ihmisen psykologian näkökulmasta tarkasteltuna.

Tuotenostot 

Tuotehaun ja tuoteryhmävalikon lisäksi tuotteita olisi syytä löytyä heti kaupan etusivulta. Mieluiten niin ylhäältä, että sivua ei tarvisi vierittää paljon ennenkuin tuotteita löytyy. Etusivun tuotenostoilla on monia tehtäviä. Ne kertovat ensimmäistä kertaa kauppaan saapuvalle millaisia tuotteita kaupasta on saatavilla ja herättää kiinnostusta etsiä lisää. Ne luovat tuotekuvien avulla sivun visuaalista ilmettä ja auttavat myös nostettavien tuotteiden hakukonenäkyvyydessä.

Näyttökuva 2023-9-4 kello 13.03.28

Verkkokaupan bannerimainokset

Etusivulle halutaan usein kuvakaruselli, jossa isot bannerit vaihtuvat. Bannereiden avulla luodaan ensivaikutelmaa ja niillä saadaan tehokkaasti katse vangittua. Tätä katseenvangitsijaa onkin syytä käyttää hyödyksi myös myynninedistämisessä ja laittaa bannereihin tarjouksia, tuotenostoja tai suosittujen tuoteryhmien nostoja. Bannerista klikkaamalla asiakas pääsee nopeasti tilaamaan tuotteita. Yksi bannereiden toimiva käyttökohde voi olla myös palvelulupausten esittely. Palvelulupauksesi voi olla vaikka "Ilmainen toimitus yli 100€ tilauksiin" tai "Toimitukset 1-3 arkipäivässä" tai jokin muu keino, jolla haluat vakuuttaa kauppasi olevan asiakkaalle parempi vaihtoehto kuin kilpailijasi. Jos bannereissa näytetään vain fiiliskuvia, on niiden arvo vain tunnelman luojana ja saattaa jopa haitata myyntiä.

Alatunniste

Verkkosivun alatunnisteesta kävijä usein etsii yhteystietoja tai muita yrityksen infosivuja, jos haluaa niihin tutustua ennenkuin uskaltaa tehdä tilauksen. Siksi alatunnisteeseen tuleekin listata kaikki mahdolliset linkit, mitä vain on tarjolla. Toimitusehdot, rekisteriseloste, palautusohjeet, yrityksen taustatiedot, maksutavat, some-palvelut yms.

Näyttökuva 2023-9-4 kello 13.06.54-1 

Sama käytettävyys ja kokemus mobiililaitteillakin

Mobiilinäkymässä pitää miettiä, miten elementit saadaan mahdutettua ruudulle käytettävyyden tai visuaalisuuden kärsimättä. Mobiilinäkymän asettelussa pitää siksi tehdä joitain kompromisseja. Tuoteryhmälista voidaan asettaa avautumaan hampurilais-kuvakketta klikkaamalla, ostoskori voidaa näyttää pelkkänä kuvakkeena ja joitain elementtejä voidaan mobiilinäkymässä piilottaa, jos ne eivät ole käytettävyyden kannalta välttämättömiä. Tärkeää mobiilinäkymässäkin on tuotteiden helppo löydettävyys ja tilaamisen helppous.
Näyttökuva 2023-9-4 kello 13.08.47-1

Vilkas tarjoaa apua verkkokaupan suunnitteluun

Palvelemme kaikkia verkkokauppayrityksiä ulkoasuun, käytettävyyteen ja designiin liittyvissä asioissa. Suunnittelemme ulkoasuun tarkasti kohdennettuja ratkaisuita verkkokauppa-alustasta riippumatta, verkkokauppayrityksen kokoon katsomatta. Panos käytettävyyteen ja visuaalisuuteen näkyy euroissa myyntikassasi pohjalla.

  • Tarjoamme palveluita ulkoasun suunnittelemiseksi
  • Voit tilata myös räätälöidyn ulkoasun suunnittelun verkkokauppaasi. Ota yhteyttä jos haluat parantaa verkkokauppasi ulkoasua, käytettävyyttä ja sitä kautta myyntiä.
  • Verkkokauppa-alustan pohjia hyödyntämällä suunnittelijamme saavat vanhankin verkkokaupan modernin näköiseksi, myös mobiilissa. 
Takaisin

Saattaisit olla kiinnostunut myös näistä

Verkkokaupan ulkoasu – tekisinkö itse vai antaisinko urakan muille?

Verkkokaupan ulkoasu on asia, jota voi hioa loputtomasti. Aina löytyy kohtia, joita voisi vielä...

Näin perustat verkkokaupan päivässä

Oman verkkokaupan perustaminen saattaa tuntua pelottavalta ja tekniseltä haasteelta. Lisäksi moni...

Kolme tärkeintä vinkkiä verkkokaupan ammattimaiseen ulkoasuun

Ulkoasu ei ole tärkein asia verkkokaupassasi, mutta se on varmasti asia, jonka potentiaalinen...