Harmonisation de boutique, contenu & abonnements sur une seule plateforme

Problème

Blue Ocean est venu nous voir avec une demande claire : moderniser et simplifier le paysage système existant. À ce moment-là, la présence en ligne se composait de plusieurs systèmes séparés : une ancienne boutique Shopware 5 pour l’e-commerce, ainsi qu’un site TYPO3 distinct pour des contenus comme des magazines, des articles de presse, des abonnements, des stickers et d’autres offres – répartis sur deux domaines différents.

Cette structure s’était construite au fil du temps, mais elle amenait plusieurs défis. Les utilisateurs devaient changer de domaine au cours de leur parcours, ce qui rendait la Customer Journey inutilement complexe. En parallèle, des sujets comme le multilingue, les configurations par pays (Allemagne, Autriche, Suisse) et les extensions n’étaient réalisables qu’avec une flexibilité limitée.

D’un point de vue technique aussi, il y avait du potentiel d’optimisation : la configuration SEO n’était pas propre partout, les données structurées (schema.org) n’étaient présentes que partiellement, la performance n’était pas optimale et les Core Web Vitals ne pouvaient pas exprimer tout leur potentiel. À cela s’ajoutait le fait que Shopware 5 comme TYPO3 ne représentaient plus une base pérenne à moyen terme – avec, en toile de fond, l’End of Life et la fin du support.

La situation de départ était donc clairement définie : beaucoup de contenus de valeur, un modèle produit et abonnement solide — mais répartis sur plusieurs systèmes, avec une complexité inutile pour les utilisateurs et une scalabilité technique limitée.

Avant

Solution

Avec l’équipe de Blue Ocean, on a pris une décision stratégique claire : tous les systèmes devaient être unifiés, modernisés et basculés vers une architecture pérenne.

La base a été la migration de Shopware 5 vers Shopware 6. En parallèle, on a fait le choix assumé d’une approche headless avec Shopware Frontends. Le backend continue de tourner sur Shopware, tandis que le frontend a été réalisé avec Nuxt et Vue — performant, flexible et sur mesure.

Un élément central a été la fusion de tous les contenus. Au lieu d’un site TYPO3 séparé, on utilise maintenant un CMS headless nommé Strapi, qui permet de gérer de manière structurée les magazines, articles de presse, cartes de stickers et d’autres contenus. Grâce au setup headless, tout paraît homogène — sur un seul domaine, sans rupture.

Sur cette base, on a :

• développé un nouveau design pour la homepage, les catégories, les pages produit, les abonnements & le checkout
• décliné de manière cohérente le branding, la palette de couleurs et l’univers de marque de Blue Ocean
• reconstruit entièrement le parcours d’abonnement
• intégré un système publicitaire interne pour les clients E2B (emplacements pub sur différentes pages)

En plus, on a mis en place le SEO technique, schema.org, des optimisations de performance et une configuration de tracking complète via Google Tag Manager — incluant le cookie consent, Google Analytics et Shopware Analytics.

Après

Résultat

Aujourd’hui, Blue Ocean dispose d’une plateforme moderne et centralisée qui relie parfaitement boutique, contenu et marketing.

La nouvelle présence en ligne offre :

• une Customer Journey nettement simplifiée
• tous les contenus et produits sur un seul domaine
• de meilleurs temps de chargement et des Core Web Vitals optimisés
• des structures SEO propres, incluant un schema.org complet
• des modèles d’abonnement flexibles et des possibilités publicitaires internes

Dès peu après le relaunch, les premiers signaux positifs apparaissent dans la Google Search Console : moins d’erreurs techniques, de meilleures positions et une hausse des clics.

La nouvelle base technique est particulièrement précieuse : grâce à l’approche headless avec Shopware, Nuxt, Vue et Strapi, Blue Ocean est aujourd’hui nettement plus flexible. Nouveaux contenus, fonctionnalités ou modèles économiques peuvent être mis en place plus rapidement — sans les limitations des structures CMS ou e-commerce classiques.

La collaboration a été intense, structurée et partenariale pendant plusieurs mois. On est d’autant plus heureux de pouvoir présenter aujourd’hui une boutique qui constitue une base solide pour la croissance future de Blue Ocean — sur le plan technique, visuel et stratégique.