Referencia: Blue Ocean

Unificación de tienda, contenido y suscripciones en una sola plataforma

Blue Ocean ha consolidado su ecosistema de sistemas, desarrollado históricamente con Shopware 5 y TYPO3, en una arquitectura headless moderna: con Shopware 6, Nuxt/Vue y Strapi, optimizado para SEO, rendimiento y tracking.

Referencia: Blue Ocean
  • Cliente

    Blue Ocean

  • Sitio web

    https://www.blue-ocean.de
  • Alcance

    DesarrolloMigraciónHeadless / FrontendCMS (Strapi)SEO técnicoTrackingOptimización del rendimiento

Problema

Blue Ocean vino a nosotros con el deseo claro de modernizar y simplificar el ecosistema de sistemas existente. En ese momento, la presencia online estaba formada por varios sistemas separados entre sí: una tienda antigua de Shopware 5 para el e-commerce y, además, una web TYPO3 independiente para contenidos como magazines, artículos de prensa, suscripciones, stickers y otras ofertas, repartido en dos dominios diferentes.

Esta estructura había crecido de forma histórica, pero traía consigo varios retos. Los usuarios tenían que cambiar de dominio durante su recorrido, lo que hacía la customer journey innecesariamente compleja. Al mismo tiempo, temas como el multilingüismo, las configuraciones por país (Alemania, Austria, Suiza) y las ampliaciones solo se podían implementar con flexibilidad limitada.

También desde el punto de vista técnico había margen de mejora: la configuración SEO no era limpia de forma consistente, los datos estructurados (schema.org) solo estaban presentes en parte, el rendimiento no era óptimo y las Core Web Vitals no podían desplegar todo su potencial. A esto se sumaba que tanto Shopware 5 como TYPO3 ya no representaban una base preparada para el futuro a medio plazo — palabra clave: End of Life y soporte que expira.

Así, el punto de partida estaba claramente definido: mucho contenido valioso, un modelo sólido de producto y suscripción, pero repartido en varios sistemas, con complejidad innecesaria para los usuarios y escalabilidad técnica limitada.

Antes

Solución

Junto con el equipo de Blue Ocean tomamos una decisión estratégica clara: todos los sistemas debían unificarse, modernizarse y llevarse a una arquitectura preparada para el futuro.

La base fue la migración de Shopware 5 a Shopware 6. Al mismo tiempo, optamos deliberadamente por un enfoque headless con Shopware Frontends. El backend sigue funcionando con Shopware, mientras que el frontend se implementó con Nuxt y Vue: rápido, flexible y a medida.

Un componente central fue la unificación de todos los contenidos. En lugar de una página TYPO3 separada, ahora usamos un CMS headless llamado Strapi, con el que magazines, artículos de prensa, stickercards y otros contenidos pueden gestionarse de forma estructurada. Gracias al setup headless, todo se percibe como un conjunto coherente: en un solo dominio, sin rupturas entre medios.

Sobre esa base, hicimos lo siguiente:

  • desarrollamos un nuevo diseño para homepage, categorías, páginas de producto, suscripciones y checkout
  • implementamos de forma coherente el branding, el concepto de color y el universo de marca de Blue Ocean
  • reconstruimos por completo el recorrido de suscripción
  • integramos un sistema publicitario interno para clientes E2B (slots publicitarios en diferentes páginas)

Además, se implementaron SEO técnico, schema.org, optimizaciones de rendimiento y una configuración completa de tracking a través de Google Tag Manager: incluyendo cookie consent, Google Analytics y Shopware Analytics.

Después

Resultado

Hoy Blue Ocean cuenta con una plataforma moderna y central que conecta a la perfección tienda, contenidos y marketing.

La nueva presencia ofrece:

  • una customer journey claramente más sencilla
  • todos los contenidos y productos en un solo dominio
  • mejores tiempos de carga y Core Web Vitals optimizadas
  • estructuras SEO limpias, incl. schema.org completo
  • modelos de suscripción flexibles y opciones publicitarias internas

Ya poco después del relanzamiento, en la Google Search Console se observan primeras tendencias positivas: menos errores técnicos, mejores posiciones y aumento de clics.

Especialmente valiosa es la nueva base técnica: gracias al enfoque headless con Shopware, Nuxt, Vue y Strapi, Blue Ocean es hoy mucho más flexible. Nuevos contenidos, funcionalidades o modelos de negocio se pueden implementar más rápido, sin las limitaciones de las estructuras clásicas de CMS o tienda.

La colaboración durante varios meses fue intensa, estructurada y basada en la colaboración entre partners. Por eso nos alegra aún más poder presentar hoy una tienda que constituye una base sólida para el crecimiento futuro de Blue Ocean a nivel técnico, visual y estratégico.

¿Quieres alcanzar tus objetivos tú también?

Entonces agenda una primera cita con nosotros para que, juntos, veamos si podemos ayudarte con tu proyecto.