Kyllästyttääkö verkkokaupan ulkoasu ja mietityttää, kuinka iso projekti visuaalisen kokonaisuuden uusiminen olisi? Mietitkö kauppiaana, mitä uusimisprojektiin kuuluu toimiston taholta, ja mitkä asiat ovat kauppiaana sinun vastuullasi? Näihin ja moneen muuhun kysymykseen löydät vastauksen kirjoituksestamme.
Verkkokaupan visuaalinen uudistus on usein se näkyvin osa koko projektia – ja siksi myös se, johon ladataan eniten odotuksia. Kun kauppa avautuu uuteen asuun, sen pitäisi tuntua raikkaalta ja ajankohtaiselta, mutta samalla myös tutulta ja luotettavalta. Tämä ei synny sattumalta, vaan huolellisesti rakennettuna, pala palalta.
Visuaalinen uudistus aloitetaankin määrittelemällä uusi pohjateema. Tämä vaihe on kuin valitsisi uuden talon perustukset – kaikki rakentuu sen varaan. Teeman ei tarvitse olla näyttävin tai täynnä kikkoja, mutta sen täytyy tarjota puhdas, toimiva rakenne, johon voidaan luoda juuri sinun brändiisi ja tuotteisiisi parhaiten istuva ilme. Tässä kohtaa katsotaan paitsi ulkonäköä, myös koodin laatua ja yhteensopivuutta nykyisten lisäosien ja toivottujen toiminnallisuuksien kanssa. Vähän kuin miettisi, mahtuuko keittiöön jääkaapin lisäksi myös kahvinkeitin.
Kun teema on valittu, seuraava askel on sivupohjien rakentaminen – mallipohjien luominen. Tässä vaiheessa verkkokaupan rakenne alkaa hahmottua: miltä näyttää tuotesivu, miten tuotekategoriat esitetään, entä etusivun hero-alue? Jokainen template on kuin palapelin osa, ja niiden avulla luodaan verkkokaupalle sen lopullinen muoto ja rytmi. Joskus tehdään pieniä kompromisseja, joskus syntyy oivalluksia, jotka nostavat koko kokemuksen uudelle tasolle.
Kun kaikki alkaa olla kohdillaan, nämä sivupohjat ja teema voidaan paketoida ja siirtää julkaisuversioon. Tässä kohtaa työ tuntuu ehkä hetken jopa huomaamattomalta – niin hyvin kaikki istuu paikoilleen juuri niin sen kuuluukin: kun pohjatyö on tehty huolella, siirtymä testiversiosta livekauppaan on suoraviivainen. Ja se hetki, kun uusi ulkoasu avautuu asiakkaille, on kuin ensimmäinen kevätpäivä uusissa lenkkareissa. Pinta kiiltää, mutta askel tuntuu myös tutulta.
Kun visuaalinen ilme on saatu kohdilleen, katse kääntyy siihen, mitä tapahtuu pinnan alla. Tekninen uudistus ei ehkä ole se, joka saa käyttäjän huokailemaan ihastuksesta, mutta se on se, joka varmistaa, että verkkokauppa toimii sujuvasti – nyt ja jatkossa. Tämän vaiheen voisi rinnastaa vaikka vanhan talon sähköistykseen: ei näy, mutta jos se tehdään huonosti, sen kyllä huomaa.
Yksi tärkeimmistä asioista on karsinta. Vuosien saatossa verkkokauppaan kertyy helposti lisäosia vähän kuin keittiön laatikkoon työkaluja – “tästä voi vielä olla hyötyä” -ajatuksella. Lopputuloksena on järjestelmä, jossa samaa toimintoa hoitaa kolme eri laajennusta, kukaan ei enää muista miksi, ja jokainen päivitys on pieni arpapeli. Tässä kohtaa on hyvä hetki pysähtyä ja kysyä: mikä oikeasti on tarpeellista?
Suosimme lisäosia, jotka ratkaisevat monta asiaa yhdellä kertaa – vähän kuin monitoimityökalu, jossa sama runko leikkaa, ruuvaa ja avaa pullonkin. Tällaiset laajennukset ovat usein kevyempiä kuormitukselle, helpompia ylläpitää ja pienentävät riskiä yhteensopivuusongelmiin. Jokainen vähennetty lisäosa on yksi potentiaalinen ongelmakohta vähemmän.
Toinen keventävä liike on siirtää pieniä mutta toistuvia muutoksia suoraan teeman functions.php-tiedostoon. Sen sijaan, että asentaisimme lisäosan muokkaamaan valikon rakennetta, lisäämään pikkutoiminnon kassasivulle tai piilottamaan turhan metatiedon tuotesivulta, kirjoitamme koodin suoraan teemaan. Tällöin tiedämme tarkalleen, mitä tehdään, missä ja miksi – ja voimme hallita sitä ilman ylimääräisiä välikäsiä. Tämän lähestymistavan etuna on myös nopeus: vähemmän ulkoisia riippuvuuksia, vähemmän ladattavaa, vähemmän yllättäviä yhteentörmäyksiä.
Teknisessä uudistuksessa ei siis ole kyse pelkästä taustatyöstä – se on kuin näkymätön arkkitehtuuri, joka tekee käyttäjän kokemuksesta sujuvan ja sivuston ylläpidosta turvallisempaa. Se ei ehkä saa huomiota ensimmäisellä silmäyksellä, mutta se näkyy siinä, kuinka nopeasti sivu aukeaa, miten luotettavasti kassaprosessi toimii, ja kuinka kevyeltä kaikki tuntuu – sekä asiakkaalle että ylläpitäjälle.
Teknisen uudistuksen ytimessä on siis hallinta, selkeys ja keveys. Vähemmän lisäosia, enemmän tarkoituksenmukaisia ratkaisuja. Jokainen siivottu toiminto, jokainen suoraviivaiseksi koodattu muutos on askel kohti verkkokauppaa, joka ei vain näytä hyvältä – vaan toimii sulavasti ja kestää aikaa. Kun pinnan alla kaikki on kunnossa, sen huomaa myös asiakas – vaikkei osaisi sanoa miksi.
Yksi asia, jonka äärelle palaamme usein uudistusprojekteissa, liittyy sisältöön – tarkemmin sanottuna tuotteisiin ja niiden rakenteeseen. Me toimistona vastaamme siitä, että verkkokauppa toimii teknisesti moitteettomasti ja näyttää hyvältä. Luomme teeman, rakennamme sivupohjat, optimoimme toiminnallisuudet ja huolehdimme siitä, että kaikki kulkee sulavasti. Mutta yksi osa-alue pysyy aina verkkokauppiaan omissa käsissä – ja niin sen kuuluukin olla.
Ajattelemme, että hyvä verkkokauppa on kuin hyvin suunniteltu näyttelytila: me luomme tilan ja valaistuksen, mutta te päätätte, mitä tuotteita hyllyille asetetaan ja missä järjestyksessä. Parhaat tulokset syntyvät, kun tämä yhteistyö on selkeä – ja juuri siksi haluamme muistuttaa, että vaikka autamme monessa, kaikkea emme voi (emmekä halua) tehdä puolestanne.
Lopulta onnistunut Woocommerce-verkkokauppauudistus ei ole vain uusi fontti tai puhdistettu koodi. Se on kirkastettu kokonaisuus, jossa jokainen tekee oman osansa: me huolehdimme rakenteesta, ulkoasusta ja toimivuudesta – te tuotteiden sisällöstä ja merkityksestä. Kun molemmat puolet kulkevat rinnakkain, syntyy verkkokauppa, joka ei vain toimi – vaan tuntuu omalta. Ja juuri se on uudistuksen paras lopputulos!
