Samordning av Shop, innehåll & prenumerationer på en och samma plattform

Problem

Blue Ocean kom till oss med en tydlig önskan: att modernisera och förenkla den befintliga systemmiljön. Vid den tidpunkten bestod närvaron online av flera separata system: en äldre Shopware-5-shop för e-handel samt en separat TYPO3-webbplats för innehåll som magasin, pressartiklar, prenumerationer, stickers och fler erbjudanden – utspritt över två olika domäner.

Den här strukturen hade vuxit fram historiskt, men innebar flera utmaningar. Användare behövde under sin resa växla mellan olika domäner, vilket gjorde kundresan onödigt komplex. Samtidigt var saker som flerspråkighet, landsupplägg (Tyskland, Österrike, Schweiz) och utbyggnader bara begränsat flexibla att genomföra.

Även ur ett tekniskt perspektiv fanns det optimeringspotential: SEO-upplägget var inte genomgående rent, strukturerad data (schema.org) fanns bara delvis, prestandan var inte optimal och Core Web Vitals kunde inte nå sin fulla potential. Dessutom var både Shopware 5 och TYPO3 på sikt inte längre en framtidssäker grund – med tanke på End of Life och utfasat stöd.

Utgångsläget var alltså tydligt: mycket värdefullt innehåll och en stark produkt- och prenumerationsmodell – men utspritt över flera system, med onödig komplexitet för användare och begränsad teknisk skalbarhet.

Före

Lösning

Tillsammans med teamet på Blue Ocean tog vi ett tydligt strategiskt beslut: alla system skulle samlas, moderniseras och lyftas till en framtidssäker arkitektur.

Grunden var migreringen från Shopware 5 till Shopware 6. Samtidigt valde vi medvetet en headless-ansats med Shopware Frontends. Backend kör fortsatt i Shopware, medan frontenden byggdes med Nuxt och Vue – snabbt, flexibelt och skräddarsytt.

En central del var sammanföringen av allt innehåll. I stället för en separat TYPO3-sida använder vi nu ett headless-CMS som heter Strapi, där magasin, pressartiklar, Stickercards och annat innehåll kan underhållas strukturerat. Tack vare headless-upplägget känns allt som en helhet – på en och samma domän, utan avbrott.

Ovanpå det har vi:

• tagit fram en ny design för startsida, kategorier, produktsidor, prenumerationer & checkout
• implementerat Blue Oceans branding, färgkoncept och varumärkesvärld konsekvent
• byggt om hela prenumerationsflödet
• integrerat ett internt annonssystem för E2B-kunder (annonsytor på olika sidor)

Dessutom genomfördes teknisk SEO, schema.org, prestandaoptimeringar och ett komplett tracking-upplägg via Google Tag Manager – inklusive cookie-consent, Google Analytics och Shopware Analytics.

Efter

Resultat

I dag har Blue Ocean en modern, central plattform som kopplar ihop shop, innehåll och marknadsföring på ett perfekt sätt.

Den nya sajten erbjuder:

• en tydligt förenklad kundresa
• allt innehåll och alla produkter på en och samma domän
• bättre laddtider och optimerade Core Web Vitals
• rena SEO-strukturer inkl. komplett schema.org
• flexibla prenumerationsmodeller och interna annonsmöjligheter

Redan kort efter releasen syns i Google Search Console de första positiva tendenserna: färre tekniska fel, bättre positioneringar och ökande klicktal.

Särskilt värdefull är den nya tekniska grunden: tack vare headless-ansatsen med Shopware, Nuxt, Vue och Strapi är Blue Ocean i dag betydligt mer flexibla. Nytt innehåll, nya funktioner eller affärsmodeller kan implementeras snabbare – utan begränsningarna i klassiska CMS- eller shop-strukturer.

Samarbetet var intensivt, strukturerat och partnerskapligt under flera månader. Därför är vi extra glada att i dag kunna presentera en shop som tekniskt, visuellt och strategiskt utgör en stark grund för Blue Oceans fortsatta tillväxt.