Unificazione di shop, contenuti & abbonamenti su un’unica piattaforma

Problema

Blue Ocean è venuta da noi con il chiaro desiderio di modernizzare e semplificare l’infrastruttura di sistema esistente. In quel momento la presenza online era composta da diversi sistemi separati tra loro: un vecchio shop Shopware 5 per l’e-commerce e un sito TYPO3 separato per contenuti come magazine, articoli stampa, abbonamenti, sticker e altre offerte – distribuiti su due domini differenti.

Questa struttura era cresciuta storicamente, ma portava con sé alcune sfide. Gli utenti dovevano passare da un dominio all’altro durante il loro percorso, rendendo la customer journey inutilmente complessa. Allo stesso tempo, temi come multilingua, configurazioni per paese (Germania, Austria, Svizzera) ed estensioni risultavano implementabili solo con flessibilità limitata.

Anche dal punto di vista tecnico c’era margine di ottimizzazione: la configurazione SEO non era pulita in modo coerente, i dati strutturati (schema.org) erano presenti solo in parte, le performance non erano ottimali e i Core Web Vitals non potevano esprimere tutto il loro potenziale. In più, sia Shopware 5 sia TYPO3 non rappresentavano più una base davvero a prova di futuro – parola chiave End of Life e supporto in scadenza.

La situazione di partenza era quindi chiaramente definita: molti contenuti di valore, un solido modello di prodotti e abbonamenti – ma distribuiti su più sistemi, con complessità inutile per gli utenti e scalabilità tecnica limitata.

Prima

Soluzione

Insieme al team di Blue Ocean abbiamo preso una chiara decisione strategica: tutti i sistemi dovevano essere unificati, modernizzati e portati su un’architettura a prova di futuro.

La base è stata la migrazione da Shopware 5 a Shopware 6. Allo stesso tempo abbiamo scelto consapevolmente un approccio headless con Shopware Frontends. Il backend continua a funzionare su Shopware, mentre il frontend è stato realizzato con Nuxt e Vue – performante, flessibile e su misura.

Un elemento centrale è stato l’unificazione di tutti i contenuti. Invece di un sito TYPO3 separato, ora utilizziamo un CMS headless chiamato Strapi, con cui magazine, articoli stampa, stickercards e altri contenuti possono essere gestiti in modo strutturato. Grazie al setup headless, tutto risulta coerente – su un unico dominio, senza fratture tra media e sistemi.

Su questa base abbiamo poi:

• sviluppato un nuovo design per homepage, categorie, pagine prodotto, abbonamenti & checkout
• implementato in modo coerente il branding, il concept cromatico e l’universo di marca di Blue Ocean
• ricostruito da zero l’intero percorso di abbonamento
• integrato un sistema pubblicitario interno per clienti E2B (slot pubblicitari su diverse pagine)

In aggiunta sono stati implementati SEO tecnico, schema.org, ottimizzazioni delle performance e un setup completo di tracking tramite Google Tag Manager – incluso cookie consent, Google Analytics e Shopware Analytics.

Dopo

Risultato

Oggi Blue Ocean dispone di una piattaforma moderna e centrale, che collega perfettamente shop, contenuti e marketing.

Il nuovo sito offre:

• una customer journey nettamente più semplice
• tutti i contenuti e i prodotti su un unico dominio
• tempi di caricamento migliori e Core Web Vitals ottimizzati
• strutture SEO pulite incl. schema.org completo
• modelli di abbonamento flessibili e possibilità pubblicitarie interne

Già poco dopo il rilancio, nella Google Search Console si vedono i primi trend positivi: meno errori tecnici, posizionamenti migliori e un aumento dei clic.

Particolarmente preziosa è la nuova base tecnica: grazie all’approccio headless con Shopware, Nuxt, Vue e Strapi, Blue Ocean oggi è molto più flessibile. Nuovi contenuti, feature o modelli di business si possono implementare più rapidamente – senza le limitazioni delle classiche strutture CMS o shop.

La collaborazione è stata intensa, strutturata e basata sulla partnership per diversi mesi. Per questo ci fa ancora più piacere poter presentare oggi uno shop che costituisce una base solida per la crescita futura di Blue Ocean a livello tecnico, visivo e strategico.