Skaalautuva alusta, joka taipuu jokaiseen brändi-ilmeeseen

lähtökohta

LFG:n kaikkien brändien verkkosivujen erillinen ylläpito ja kehitys oli kallista ja työlästä. Konserni tarvitsi kustannustehokkaan, skaalautuvan ja monistettavan ratkaisun, joka palvelisi usean brändin tarpeita ilman, että pyörää tarvitsisi keksiä joka kerta uudestaan. 

Uudistimme M Roomin verkkosivuston ja loimme samalla skaalautuvan, WordPress Multisite -arkkitehtuuriin pohjautuvan LFG OS -alustan asiakkaan koko brändiekosysteemille. Aiemmin jokaisen uuden brändin digitaalinen näkyvyys rakennettiin alusta alkaen yksittäisenä projektina, joka vaati aikaa ja rahaa, hidasti skaalautumista ja viivytti uusien brändien markkinoille tuontia. Asiakas tarvitsi järjestelmän, joka mahdollistaisi uuden brändin lanseeraamisen täysin toimintavalmiina huomattavasti nopeammin. 

ratkaisu

Brändikohtainen ilme yhteisellä pohjalla

Suunnittelimme aluksi LFG OS:n visuaalisuuden ja yhteisen sisältörakenteen, mikä mahdollistaa sivustojen toteutuksen hyvinkin erilaisten brändi-ilmeiden kanssa. Alusta rakennettiin WordPress Multisite -arkkitehtuuriin pohjautuvaan sivustomalliin. Sivuston visuaalisuus päivitettiin uuden brändiohjeistuksen mukaiseksi. Keskityimme ilmeen modernisointiin, saavutettavuuteen ja siihen, että ulkoasu mukautuu eri brändeille.

Reaaliaikainen jonotieto ja varaus

Erityishuomion annoimme liikekohtaisille sivuille, joille tuodaan ajantasainen palvelulistaus sekä reaaliaikaista tietoa parturien henkilökohtaisesta jonotilanteesta. Nopea tiedon saatavuus on M Roomin liiketoiminnassa kriittistä: jos asiakas ei näe vapaata aikaa sekunneissa, hän kävelee kilpailijan liikkeeseen. Kun käyttäjä klikkaa eteenpäin, hän pääsee suoraan My M Roomin varausnäkymään. Saumaton käyttäjäkokemus sivustolta sovellukseen oli olennainen osa uudistusta.

Teknisen työn ytimessä oli olemassa olevan My M Room -varaussovelluksen laajentaminen. Alun perin Reactilla ja Reduxilla toteutettu PWA-sovellus (myöhemmin päivitetty TypeScriptiin) liitettiin osaksi brändisivustoja. Rakensimme taustajärjestelmäintegraation (Montel), jonka avulla liikekohtaiset sivut rakentuvat automaattisesti ja esittävät käyttäjälle aina reaaliaikaiset tiedot, kuten liikkeen tarkan jonotusajan. Kaikki brändit käyttävät samoja rajapintaratkaisuja yksittäisten, brändikohtaisten toteutusten sijaan: kehitimme rajapintaa niin, että sama integraatio toimii pienin muutoksin myös tuleville brändisivustoille. Tämä yhtenäistää toimintatavat, helpottaa ylläpitoa ja säästää integraatiotyötä jatkossa.

Tuotenostot verkkokaupasta

Sivustolle tuodaan suoraan tuotenostoja Shopifysta: private label -tuotteet ja lahjakortit näkyvät sivustolla automaattisesti ajantasaisilla tiedoilla, ja niitä voidaan nostaa joustavasti eri puolille sivustoa, esimerkiksi blogikirjoitusten yhteyteen.

Hakunäkyvyys ja tekoäly

M Roomin vahva SEO-asema oli tärkeää säilyttää myös uudistuksen yhteydessä. Sivuston arkkitehtuuri optimoitiin vahvasti paikallista hakukonenäkyvyyttä varten (LocalBusiness Schema -merkinnät, NAP-tiedot, otsikoinnit ja URL-rakenteet), ja lisäksi panostettiin tekoälynäkyvyyteen. Ratkaisu laajennettiin monikieliseksi Multisite-asennusta hyödyntäen. M Roomilla on lisäksi käytössään Custobar, joka on asiakastietoa ja markkinoinnin automaatiota yhdistävä alusta.

lopputulos

M Roomin uusi verkkosivusto kattaa sekä Suomen että Viron sivustot, ja samaa LFG OS -alustaa otetaan jo käyttöön myös konsernin muissa brändeissä. Uusi Multisite-alusta ja monistettavaksi suunniteltu sivupohja nopeuttavat asiakkaan uusien brändien lanseerausta merkittävästi ja mahdollistavat kaikkien sivustojen keskitetyn, kustannustehokkaan ylläpidon. LFG aikoo laajentaa toimintaansa myös kansainvälisesti, ja sivustopohja on valmis tätä varten. Uusien brändien sivustojen käyttöönotto on nyt selvästi kevyempää ja edullisempaa: kokonaiskustannus on enää noin 10–20 % alkuperäisestä.