Референция: Blue Ocean

Обединяване на магазин, съдържание и абонаменти в една платформа

Blue Ocean консолидира своята исторически развивана системна среда от Shopware 5 и TYPO3 в модерна headless архитектура – със Shopware 6, Nuxt/Vue и Strapi, оптимизирана за SEO, производителност и тракинг.

Референция: Blue Ocean
  • Клиент

    Blue Ocean

  • Уебсайт

    https://www.blue-ocean.de
  • Обхват

    РазработкаМиграцияHeadless / FrontendCMS (Strapi)Техническо SEOТракингОптимизация на производителността

Проблем

Blue Ocean дойде при нас с ясното желание да модернизира и опрости съществуващата системна среда. По това време онлайн присъствието се състоеше от няколко отделни системи: по-стар Shopware-5-Shop за e-commerce, както и отделен TYPO3-Website за съдържание като списания, PR статии, абонаменти, стикери и други предложения – разпределени на два различни домейна.

Тази структура беше исторически обусловена, но носеше и някои предизвикателства. Потребителите трябваше да превключват между различни домейни по време на своето пътуване, което правеше customer journey-то излишно сложно. В същото време теми като многоезичност, настройки по държави (Германия, Австрия, Швейцария) и разширения можеха да се реализират само с ограничена гъвкавост.

И от техническа гледна точка имаше потенциал за оптимизация: SEO-setup-ът не беше изцяло изчистен навсякъде, структурирани данни (schema.org) имаше само частично, performance-ът не беше оптимален и 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, чрез който списанията, PR статиите, stickercards и други съдържания могат да се управляват структурирано. Благодарение на headless setup-а всичко изглежда като едно цяло – на един домейн, без прекъсвания в потребителското изживяване.

Надграждайки това, ние:

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

Допълнително бяха реализирани техническо SEO, schema.org, performance оптимизации и пълен tracking setup през Google Tag Manager – включително cookie consent, Google Analytics и Shopware Analytics.

След

Резултат

Днес Blue Ocean разполага с модерна, централна платформа, която свързва перфектно shop, съдържание и marketing.

Новото присъствие предлага:

  • значително по-опростена customer journey
  • цялото съдържание и всички продукти на един домейн
  • по-добри времена за зареждане и оптимизирани Core Web Vitals
  • чисти SEO структури, включително пълно schema.org
  • гъвкави абонаментни модели и вътрешни рекламни възможности

Още малко след relaunch-а в Google Search Console се виждат първи положителни тенденции: по-малко технически грешки, по-добри позиции и растящ брой кликове.

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

Сътрудничеството през няколко месеца беше интензивно, структурирано и партньорско. Още повече се радваме, че днес можем да представим shop, който е силна основа за по-нататъшния растеж на Blue Ocean технически, визуално и стратегически.

Искаш и ти да постигнеш целите си?

Тогава си запази първа среща с нас, за да разберем заедно дали можем да ти помогнем с проекта!