Shopin, sisällön ja tilausten yhtenäistäminen yhdelle alustalle

Ongelma

Blue Ocean tuli luoksemme selkeän toiveen kanssa: modernisoida ja yksinkertaistaa nykyinen järjestelmäkokonaisuus. Tuolloin verkkonäkyvyys koostui useista toisistaan irrallisista järjestelmistä: vanhemmasta Shopware-5-kaupasta verkkokauppaa varten sekä erillisestä TYPO3-verkkosivustosta sisällöille kuten magazine-jutut, lehti- ja tiedoteartikkelit, tilaukset, tarrat ja muut tarjoukset – jaettuna kahdelle eri domainille.

Tämä rakenne oli kasvanut historiallisen kehityksen myötä, mutta toi mukanaan useita haasteita. Käyttäjien piti siirtyä asiakaspolkunsa aikana eri domainien välillä, mikä teki Customer Journeysta turhan monimutkaisen. Samaan aikaan esimerkiksi monikielisyys, maakohtaiset setuppaukset (Saksa, Itävalta, Sveitsi) ja laajennukset olivat toteutettavissa vain rajallisen joustavasti.

Myös teknisestä näkökulmasta oli selkeää optimointivaraa: SEO-setup ei ollut kauttaaltaan siisti, rakenteiset tiedot (schema.org) olivat vain osittain käytössä, suorituskyky ei ollut optimaalinen ja Core Web Vitals ei päässyt täyteen potentiaaliinsa. Lisäksi sekä Shopware 5 että TYPO3 eivät pidemmällä aikavälillä enää tarjonneet tulevaisuuden kestävää perustaa – avainsanoina End of Life ja päättyvä tuki.

Lähtötilanne oli siis selkeä: paljon arvokasta sisältöä, vahva tuote- ja tilausmalli – mutta jaettuna useaan järjestelmään, käyttäjille turhaa monimutkaisuutta ja teknisesti rajallinen skaalautuvuus.

Ennen

Ratkaisu

Yhdessä Blue Oceanin tiimin kanssa teimme selkeän strategisen päätöksen: kaikki järjestelmät tuli yhdenmukaistaa, modernisoida ja nostaa tulevaisuuden kestävälle arkkitehtuurille.

Perusta muodostui migraatiosta Shopware 5:stä Shopware 6:een. Samalla päätimme tietoisesti headless-lähestymistavasta Shopware Frontendsin kanssa. Backend pyörii edelleen Shopwarella, kun taas frontend toteutettiin Nuxtilla ja Vuella – suorituskykyisesti, joustavasti ja yksilöllisesti.

Keskeinen osa oli kaiken sisällön yhdistäminen. Erillisen TYPO3-sivuston sijaan käytämme nyt headless-CMS:ää nimeltä Strapi, jonka kautta magazine-sisällöt, lehti- ja tiedoteartikkelit, Stickercards ja muu sisältö voidaan ylläpitää rakenteisesti. Headless-setupin ansiosta kokonaisuus tuntuu yhtenäiseltä – yhdellä domainilla, ilman katkoja käyttökokemuksessa.

Tämän päälle toteutimme:

• uuden designin etusivulle, kategorioihin, tuotesivuille, tilauksiin & checkoutiin
• Blue Oceanin brändäyksen, värikonseptin ja brändimaailman johdonmukaisen toteutuksen
• koko tilauspolun uudelleenrakennuksen
• sisäisen mainosjärjestelmän E2B-asiakkaille (mainospaikat eri sivuilla)

Lisäksi toteutettiin tekninen SEO, schema.org, suorituskykyoptimoinnit sekä täydellinen tracking-setup Google Tag Managerin kautta – mukaan lukien cookie-consent, Google Analytics ja Shopware Analytics.

Jälkeen

Tulos

Tänään Blue Oceanilla on moderni, keskitetty alusta, joka yhdistää kaupan, sisällöt ja markkinoinnin saumattomasti.

Uusi kokonaisuus tarjoaa:

• selvästi yksinkertaisemman Customer Journeyn
• kaikki sisällöt ja tuotteet yhdellä domainilla
• paremmat latausajat ja optimoidut Core Web Vitals -mittarit
• siistit SEO-rakenteet mukaan lukien täydellinen schema.org
• joustavat tilausmallit ja sisäiset mainosmahdollisuudet

Jo pian relaunchin jälkeen Google Search Consolessa näkyy ensimmäisiä positiivisia suuntia: vähemmän teknisiä virheitä, paremmat sijoitukset ja kasvavat klikkausmäärät.

Erityisen arvokas on uusi tekninen perusta: headless-lähestymistavan Shopwaren, Nuxtin, Vuen ja Strapinin ansiosta Blue Ocean on nyt huomattavasti joustavampi. Uudet sisällöt, ominaisuudet tai liiketoimintamallit on nopeampi toteuttaa – ilman perinteisten CMS- tai kauppa-alustojen rajoitteita.

Yhteistyö oli useiden kuukausien ajan intensiivistä, strukturoitua ja kumppanuuteen perustuvaa. Sitäkin enemmän meitä ilahduttaa, että voimme tänään esitellä kaupan, joka tarjoaa teknisesti, visuaalisesti ja strategisesti vahvan perustan Blue Oceanin jatkokasvulle.