将商店、内容 & 订阅统一到一个平台

问题

Blue Ocean 带着一个非常明确的目标来找我们：让现有的系统架构实现现代化并简化。当时他们的线上业务由多个彼此分离的系统组成：一个较老的 Shopware-5-Shop 负责电商，以及一个独立的 TYPO3-Website 用于杂志、新闻稿、订阅、贴纸和其他内容与服务——分布在 两个不同的域名 上。

这种结构是历史发展形成的，但也带来了一些挑战。用户在浏览和购买过程中需要在不同域名之间切换，让 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，通过它可以结构化地维护杂志、新闻稿、Stickercards 等更多内容。借助 Headless 架构，整体体验浑然一体——在同一个域名 上完成，不再有割裂感。

在此基础上，我们还做了：

• 为首页、分类页、产品页、订阅 & Checkout 设计了全新界面
• 将 Blue Ocean 的品牌识别、配色与品牌世界贯彻落地
• 重新搭建了完整的订阅流程
• 集成了面向 E2B 客户的内部广告系统（在不同页面投放广告位）

此外，我们还落实了 技术 SEO、schema.org、性能优化，以及通过 Google Tag Manager 的完整 Tracking-Setup——包含 Cookie-Consent、Google Analytics 和 Shopware Analytics。

之后

结果

现在，Blue Ocean 拥有了一个现代化、集中的平台，将商城、内容与营销完美连接在一起。

新的站点带来：

• 明显 更简化的 Customer Journey
• 所有内容与产品集中在 一个域名
• 更快的加载速度与优化后的 Core Web Vitals
• 干净的 SEO 结构（含完整的 schema.org）
• 更灵活的订阅模型与内部广告能力

在上线不久后，Google Search Console 就已经出现了一些积极趋势：技术错误更少、排名更好、点击量持续上升。

更有价值的是新的技术底座：通过 Shopware、Nuxt、Vue 和 Strapi 的 Headless 方案，Blue Ocean 现在灵活性大幅提升。新增内容、功能或商业模式都能更快落地——不再受传统 CMS 或商城结构的限制。

这次合作持续了数月，过程紧密、高效、有条理，并且非常伙伴式。我们也很高兴如今能展示这样一个商城：无论从 技术、视觉还是战略 层面，都为 Blue Ocean 后续增长打下了坚实基础。