Een uniform platform voor shop, content & abonnementen

Probleem

Blue Ocean kwam met de duidelijke wens naar ons toe om het bestaande systeemlandschap te moderniseren en te vereenvoudigen. Op dat moment bestond de online aanwezigheid uit meerdere, van elkaar gescheiden systemen: een oudere Shopware-5-shop voor e-commerce en een aparte TYPO3-website voor content zoals magazines, persartikelen, abonnementen, stickers en andere aanbiedingen – verspreid over twee verschillende domeinen.

Deze structuur was historisch gegroeid, maar bracht wel een aantal uitdagingen met zich mee. Gebruikers moesten tijdens hun reis tussen verschillende domeinen wisselen, wat de customer journey onnodig complex maakte. Tegelijkertijd waren thema’s zoals meertaligheid, landconfiguraties (Duitsland, Oostenrijk, Zwitserland) en uitbreidingen slechts beperkt flexibel te realiseren.

Ook technisch gezien was er optimalisatiepotentieel: de SEO-setup was niet overal netjes, gestructureerde data (schema.org) was slechts deels aanwezig, de performance was niet optimaal en de Core Web Vitals konden niet hun volledige potentieel benutten. Daar kwam bij dat zowel Shopware 5 als TYPO3 op termijn geen toekomstbestendige basis meer vormden – denk aan End of Life en aflopende support.

De uitgangssituatie was dus helder: veel waardevolle content, een sterk product- en abonnementenmodel – maar verdeeld over meerdere systemen, met onnodige complexiteit voor gebruikers en beperkte technische schaalbaarheid.

Ervoor

Oplossing

Samen met het team van Blue Ocean hebben we een duidelijke strategische keuze gemaakt: alle systemen moesten geünificeerd, gemoderniseerd en naar een toekomstbestendige architectuur gebracht worden.

De basis was de migratie van Shopware 5 naar Shopware 6. Tegelijkertijd kozen we bewust voor een headless-aanpak met Shopware Frontends. De backend draait nog steeds op Shopware, terwijl het frontend is gerealiseerd met Nuxt en Vue – performant, flexibel en op maat.

Een centraal onderdeel was het samenbrengen van alle content. In plaats van een aparte TYPO3-site gebruiken we nu een headless CMS genaamd Strapi, waarmee magazines, persartikelen, stickercards en andere content gestructureerd beheerd kunnen worden. Door de headless-setup voelt alles als één geheel – op één domein, zonder breuken.

Daarop voortbouwend hebben we:

• een nieuw design ontwikkeld voor homepage, categorieën, productpagina’s, abonnementen & checkout
• de branding, het kleurconcept en de merkwereld van Blue Ocean consequent doorgevoerd
• de volledige abonnementenflow opnieuw opgebouwd
• een intern advertentiesysteem geïntegreerd voor E2B-klanten (advertentieslots op verschillende pagina’s)

Daarnaast zijn technische SEO, schema.org, performance-optimalisaties en een volledige tracking-setup via Google Tag Manager gerealiseerd – inclusief cookie-consent, Google Analytics en Shopware Analytics.

Erna

Resultaat

Vandaag beschikt Blue Ocean over een modern, centraal platform dat shop, content en marketing perfect met elkaar verbindt.

De nieuwe omgeving biedt:

• een duidelijk vereenvoudigde customer journey
• alle content en producten op één domein
• betere laadtijden en geoptimaliseerde Core Web Vitals
• schone SEO-structuren incl. volledige schema.org
• flexibele abonnementsmodellen en interne advertentiemogelijkheden

Al kort na de relaunch zijn in de Google Search Console de eerste positieve tendensen zichtbaar: minder technische fouten, betere posities en stijgende aantallen kliks.

Extra waardevol is de nieuwe technische basis: door de headless-aanpak met Shopware, Nuxt, Vue en Strapi is Blue Ocean vandaag veel flexibeler. Nieuwe content, features of businessmodellen zijn sneller te realiseren – zonder de beperkingen van klassieke CMS- of shopstructuren.

De samenwerking was over meerdere maanden intensief, gestructureerd en partnergericht. Des te meer zijn we blij dat we vandaag een shop kunnen presenteren die technisch, visueel en strategisch een sterke basis vormt voor de verdere groei van Blue Ocean.