Уніфікація магазину, контенту та підписок на одній платформі

Проблема

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. Бекенд і надалі працює на Shopware, тоді як фронтенд реалізовано на Nuxt і Vue — швидко, гнучко та індивідуально.

Ключовою частиною стала консолідація всього контенту. Замість окремої TYPO3-сторінки тепер ми використовуємо headless-CMS під назвою Strapi, у якому журнали, прес-статті, стікер-картки та інші матеріали можна структуровано вести й підтримувати. Завдяки headless-налаштуванню все виглядає як єдине ціле — на одному домені, без розривів у користувацькому досвіді.

На цій основі ми:

• розробили новий дизайн для головної сторінки, категорій, сторінок товарів, підписок і 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.