Объединение магазина, контента и подписок на одной платформе

Проблема

Blue Ocean пришёл к нам с чётким запросом: модернизировать и упростить существующую системную ландшафт. На тот момент онлайн-присутствие состояло из нескольких разрозненных систем: старый Shopware-5-Shop для e-commerce, а также отдельный TYPO3-Website для контента вроде журналов, пресс-материалов, подписок, стикеров и других предложений — распределённых по двум разным доменам.

Эта структура сложилась исторически, но несла с собой ряд вызовов. Пользователям приходилось переключаться между разными доменами по ходу пути, из-за чего Customer Journey становилась неоправданно сложной. Одновременно такие темы, как мультиязычность, настройки для стран (Германия, Австрия, Швейцария) и расширения, можно было реализовать лишь с ограниченной гибкостью.

С технической точки зрения тоже был потенциал для улучшений: SEO-настройки не везде были аккуратными, структурированные данные (schema.org) присутствовали только частично, производительность была не оптимальной, и Core Web Vitals не могли раскрыть свой потенциал полностью. Плюс к этому, и Shopware 5, и TYPO3 в перспективе уже не являлись надёжной базой на будущее — в контексте End of Life и завершения поддержки.

Таким образом, исходная ситуация была понятной: много ценных материалов, сильная продуктовая и подписочная модель — но всё разбросано по нескольким системам, с лишней сложностью для пользователей и ограниченной технической масштабируемостью.

До

Решение

Вместе с командой Blue Ocean мы приняли чёткое стратегическое решение: все системы нужно унифицировать, модернизировать и перевести на архитектуру, готовую к будущему.

Основой стала миграция с Shopware 5 на Shopware 6. Параллельно мы осознанно выбрали headless-подход с Shopware Frontends. Backend продолжает работать на Shopware, а frontend реализован на Nuxt и Vue — быстро, гибко и кастомно.

Ключевой частью стало объединение всего контента. Вместо отдельного сайта на TYPO3 мы теперь используем headless-CMS Strapi, где можно структурированно вести журналы, пресс-статьи, карточки со стикерами и другие материалы. Благодаря headless-setup всё выглядит единым целым — на одном домене, без разрывов и переключений между системами.

На этой базе мы:

• разработали новый дизайн для главной страницы, категорий, страниц товаров, подписок и checkout
• последовательно реализовали брендинг, цветовую концепцию и визуальный мир бренда Blue Ocean
• полностью заново собрали подписочный сценарий
• интегрировали внутреннюю рекламную систему для E2B-клиентов (рекламные слоты на разных страницах)

Дополнительно были реализованы техническое SEO, schema.org, оптимизации производительности и полный tracking-setup через Google Tag Manager — включая cookie-consent, Google Analytics и Shopware Analytics.

После

Результат

Сегодня у Blue Ocean есть современная централизованная платформа, которая идеально связывает магазин, контент и маркетинг.

Новый сайт даёт:

• заметно упрощённую Customer Journey
• весь контент и продукты на одном домене
• более быстрые загрузки и оптимизированные Core Web Vitals
• чистую SEO-структуру, включая полноценный schema.org
• гибкие подписочные модели и внутренние рекламные возможности

Уже вскоре после релонча в Google Search Console видны первые позитивные тенденции: меньше технических ошибок, лучше позиции и растущие клики.

Особую ценность даёт новая техническая база: благодаря headless-подходу с Shopware, Nuxt, Vue и Strapi Blue Ocean теперь заметно гибче. Новый контент, фичи или бизнес-модели можно внедрять быстрее — без ограничений классических CMS- или shop-структур.

Сотрудничество на протяжении нескольких месяцев было интенсивным, структурированным и партнёрским. Тем приятнее нам сегодня показывать магазин, который технически, визуально и стратегически создаёт сильную основу для дальнейшего роста Blue Ocean.