ショップ、コンテンツ＆サブスクを1つのプラットフォームに統合

問題

Blue Oceanは、既存のシステム環境をモダナイズしてシンプルにしたいという明確な要望を持って、私たちのところに来てくれた。当時のオンラインプレゼンスは、互いに分断された複数のシステムで構成されていた。Eコマース用の古いShopware-5-Shopと、マガジン、プレス記事、サブスク、ステッカー、その他のオファーといったコンテンツ用の別建てTYPO3-Website――しかも2つの異なるドメインに分かれていた。

この構造は歴史的に積み上がってきたものだけど、いくつかの課題を抱えていた。ユーザーは利用途中で異なるドメイン間を行き来する必要があり、Customer Journeyが不必要に複雑になっていた。同時に、多言語対応、国別セットアップ（ドイツ、オーストリア、スイス）、拡張といったテーマも、柔軟に実現できる範囲が限られていた。

技術面でも改善の余地があった。SEO-Setupが一貫してきれいに整っておらず、構造化データ（schema.org）は部分的にしか用意されていない。パフォーマンスも最適とは言えず、Core Web Vitalsも本来のポテンシャルを発揮しきれていなかった。さらに、Shopware 5もTYPO3も将来的にはもはや長期的に安心できる基盤ではなくなっていく――End of Lifeやサポート終了が見えていた。

つまり出発点は明確だった。価値あるコンテンツと強い商品・サブスクモデルがあるのに、複数システムに分散していて、ユーザーにとっては無駄に複雑、技術的なスケーラビリティにも限界がある状態だった。

導入前

解決策

Blue Oceanのチームと一緒に、明確な戦略的意思決定を行った。すべてのシステムを統合し、モダナイズして、将来性のあるアーキテクチャへ引き上げること。

土台になったのは、Shopware 5からShopware 6への移行。同時に、私たちは意識的にShopware FrontendsによるHeadlessアプローチを選んだ。バックエンドはこれまで通りShopwareで動かし、フロントエンドはNuxtとVueで実装――高速で柔軟、そして要件に合わせて作り込める構成だ。

中核となったのが、すべてのコンテンツの統合。TYPO3の別サイトではなく、いまはStrapiというHeadless-CMSを使って、マガジン、プレス記事、スティッカーカードなどのコンテンツを構造化して管理できるようにした。Headless構成により、すべてが一体感のある体験として成立し、1つのドメインで完結、メディアの分断もなくなった。

その上で、以下を実施した：

• ホームページ、カテゴリ、商品ページ、サブスク、チェックアウトの新デザインを開発
• Blue Oceanのブランディング、配色コンセプト、ブランド世界観を一貫して反映
• サブスク導線を全面的に作り直し
• E2B顧客向けの社内広告システムを統合（各ページの広告スロット）

加えて、技術SEO、schema.org、パフォーマンス最適化、そしてGoogle Tag Managerによる完全なTracking-Setupも実装――Cookie-Consent、Google Analytics、Shopware Analyticsを含む。

導入後

結果

現在のBlue Oceanは、ショップ・コンテンツ・マーケティングを完璧に結びつける、モダンで一元化されたプラットフォームを手に入れた。

新しいサイトが提供するもの：

• 大幅にシンプルになったCustomer Journey
• すべてのコンテンツと商品が1つのドメインに集約
• 読み込み速度の改善とCore Web Vitalsの最適化
• 完全なschema.orgを含む、整ったSEO構造
• 柔軟なサブスクモデルと社内広告の選択肢

リニューアルから間もなく、Google Search Consoleでもポジティブな兆しが見え始めている。技術的エラーの減少、順位の改善、クリック数の増加だ。

特に価値が大きいのは新しい技術基盤。Shopware、Nuxt、Vue、StrapiによるHeadlessアプローチによって、Blue Oceanは以前より圧倒的に柔軟になった。新しいコンテンツ、機能、ビジネスモデルも、従来型のCMSやショップ構造の制約なしに、より速く実装できる。

数ヶ月にわたる協業は、濃密で、構造化されていて、パートナーシップに基づくものだった。だからこそ、技術・ビジュアル・戦略のすべての面で、Blue Oceanのさらなる成長に向けた強力な土台となるショップを、いまこうして紹介できることをとても嬉しく思う。