Monta brändi-ilmettä haltuun kustannustehokkaasti yhdellä alustalla

Lähtötilanne: Tavoitteena selkeä ja harmonisoitu kokonaisuus

WSOY:n kustantamoperheen digitaalinen kokonaisuus oli pirstaloitunut. Eri kustantamoilla oli käytössään useita erillisiä julkaisualustoja, verkkokaupparatkaisuja ja eri yhteistyökumppaneita. Tämä teki sivustojen ylläpidosta, tietoturvapäivityksistä ja jatkokehityksestä hidasta, kallista ja vaivalloista. 

Tavoitteena oli luoda selkeä, harmoninen ja keskitetysti hallittava kokonaisuus, joka minimoi tekniset riskit ja poistaa päällekkäisen työn. Strategiseksi suunnaksi valittiin verkkokaupan ja brändikohtaisten sivustojen eriyttäminen. Kaikkien kustantamoiden verkkokauppaliiketoiminta keskitettiin yhteiseen Shopify-alustalla toimivaan kirja.fi-verkkokauppaan.

Kustantamosivustojen rooliksi määriteltiin toimia suorituskykyisinä digitaalisina käyntikortteina ja brändisivustoina. Niiden tehtävä on esitellä teokset sekä kirjailijat ja ohjata ostoaikeissa oleva liikenne saumattomasti eteenpäin kirja.fi-palveluun.

ratkaisu: kustannustehokas ja skaalautuva multisite-arkkitehtuuri

Kustantamoiden verkkosivustot uudistettiin vaiheittain WordPressin Multisite-ratkaisuksi. Sen avulla useita verkkosivustoja voidaan luoda ja hallinnoida yhdellä ainoalla WordPress-asennuksella. Multisitessa eri sivustot jakavat yhteisen teknisen rungon ja moduulit. Alasivustojen kehityksessä saadaan merkittäviä kustannussäästöjä, sillä vain yhtä teemaa tarvitsee jatkokehittää. Multisiten keskeisiä etuja ovat kehitettyjen toiminallisuuksien ja ominaisuuksien suoraviivainen hyödyntäminen kaikilla sivustoilla sekä keskitetyt tietoturvapäivitykset.

Samasta yhteisestä teemasta huolimatta sivustoille voidaan implementoida kunkin brändin mukaiset värit, tyylit ja logot. Lisäosat (plugins) asennetaan aina Multisite-tasolla, jolloin ne voidaan joko pakottaa suoraan käyttöön kaikilla sivustoilla tai kytkeä päälle vain tietyillä valituilla brändisivustoilla. Ratkaisu takaa enterprise-tason skaalautuvuuden ja minimoi teknisen velan syntymisen.

toteutus: suunnittelu, saavutettavuus ja älykkäät automaatiot

Konsepti, suunnittelu ja hakukonenäkyvyys

Suunnittelimme uuden WordPress-teeman, joka mahdollistaa yhtenäisen rakenteen ja käyttökokemuksen eri kustantamosivustojen välillä. Vaikka kaikki sivustot käyttävät samaa rakennetta, taipuu teema silti kunkin kustantamon omaan visuaaliseen ilmeeseen. Koska sivustojen visuaalisuus syntyy pääsääntöisesti kirjojen kansista ja tekijäkuvista, pidettiin kustantamojen värimaailma ja typografia hillittyinä. 

Uudistus oli luonteva kohta kiinnittää huomiota sivustojen käytettävyyteen ja käyttökokemukseen. Koska uusi teema oli jo lähtökohtaisesti hyvällä tasolla, sen jatkokehitys säästi aikaa ja kustannuksia. Myös hakukonenäkyvyys oli olennainen osa suunnittelu- ja kehitystyötämme. Ratkaisumme perustuivat siihen, että sivustot ovat erinomaisesti indeksoitavissa ja helposti löydettävissä sekä hakukoneille että käyttäjille.

Sisällönhallinta ja saavutettavuus

WSOY:n sisällöntuottajat ja markkinoijat voivat nyt luoda sisältöjä ja sivuja modulaarisella rakenteella täysin itsenäisesti. Lohkoihin perustuva Gutenberg-rakenne mahdollistaa sivuston monipuolisen sisällönhallinnan, jatkokehityksen ja optimoinnin hyvin pitkälle ilman koodaustyötä. Panostimme siihen, että työkalut olisivat markkinoijalle mahdollisimman helppoja käyttää. Tämä tarkoittaa intuitiivisen sisällöntuotannon lisäksi esimerkiksi valmiiden komponenttien koostamista kirjastoksi ja harvoin käytettyjen ominaisuuksien piilottamista. Panostimme kehityksessä sivuston pitkään elinkaareen: arkkitehtuurissa teema ja toiminnallisuus on erotettu toisistaan, mikä mahdollistaa koko sivuston käyttöliittymän ja ulkoasun uudistamisen tulevaisuudessa ketterästi.

Huomioimme uudistuksessa saavutettavuuden perusperiaatteet. Selkeytimme ja yhdenmukaistimme muun muassa sivustojen navigoinnin, paransimme sekä kirjojen, tekijöiden että itse sivustojen hakutoiminnallisuuksia ja suunnittelimme sivuille selkeät sekä johdonmukaiset rakenteet ja käyttäjäpolut. Mittaus ja analytiikka viritettiin kuntoon, jotta brändisivustoilta verkkokauppaan siirtyvää liikennettä ja digitaalisen markkinoinnin tehokkuutta voidaan seurata tarkasti.

Älykkäät integraatiot ja automaatio

Koska valtaosa sivustojen sisällöstä nousee automaattisesti taustajärjestelmistä, rakensimme integraatiot vähentämään manuaalista työtä ja minimoimaan tekniset riskit. Yhdistimme verkkokokonaisuuden saumattomasti asiakkaan olemassa oleviin järjestelmiin, kuten tuotetietojen hallintaan (PIM) ja digitaalisen aineiston hallintaan (DAM). Kirjailija- ja tuotetiedot, kirjailijakuvat sekä ajankohtaiset uutisvirrat päivittyvät sivustoille ja listauksiin täysin automaattisesti, jolloin dynaaminen sisältö pysyy aina ajan tasalla. Integraatioiden automaattitestit varmistavat, ettei uusien brändien kehitystyö riko jo julkaistujen sivustojen toimivia yhteyksiä. 

lopputulos

Yhteistyön lopputuloksena syntyi kestävä verkkopalvelukokonaisuus, joka vastaa organisaation muuttuviin tarpeisiin pitkäjänteisesti. Alustan tehokkuus ja skaalautuvuus on jo lunastettu käytännössä: kokonaisuuteen kuuluu tällä hetkellä viisi julkaistua brändisivustoa omilla domaineilla: WSOY, Tammi, Johnny Kniga, Bazar ja Docendo.

Uusien brändisivujen pystyttäminen valmiille ja korkeatasoiselle pohjalle vaatii vain murto-osan perinteisen projektin työtunneista. Multisiten avulla uusien brändien tuominen kokonaisuuteen on huomattavasti nopeampi toteuttaa – useampia julkaisuja tehdessä uuden sivuston vaatiman työn osuus putosi noin 5–10 % alkuperäisen core-sivuston työmäärästä. 

Suuren konsernin useat, samantyyppistä tuotetta myyvät brändit saivat kukin oman vahvan ja tunnistettavan verkkonäkyvyytensä ilman erillisten alustojen tuomaa kulu- ja tietoturvariskiä. Suora ostoliikenne ohjautuu kirkkaasti brändisivustoilta kohti Shopify-verkkokauppaa, ja loputkin kustantamoperheen brändit on helppo tuoda saman toimivaksi havaitun ratkaisun alle tulevaisuudessa.