Menyatukan Shop, Konten & Langganan dalam satu platform

Masalah

Blue Ocean datang ke kami dengan keinginan yang jelas: memodernisasi dan menyederhanakan lanskap sistem yang sudah ada. Saat itu, kehadiran online mereka terdiri dari beberapa sistem yang terpisah satu sama lain: sebuah Shopware-5-Shop lama untuk e-commerce serta website TYPO3 terpisah untuk konten seperti majalah, artikel pers, langganan, stiker, dan penawaran lainnya—tersebar di dua domain yang berbeda.

Struktur ini tumbuh secara historis, namun membawa beberapa tantangan. Pengguna harus berpindah domain selama perjalanan mereka, yang membuat customer journey jadi tidak perlu rumit. Di saat yang sama, hal-hal seperti multibahasa, setup negara (Jerman, Austria, Swiss), dan perluasan hanya bisa diterapkan dengan fleksibilitas yang terbatas.

Dari sisi teknis juga masih ada ruang untuk optimasi: setup SEO belum rapi secara menyeluruh, data terstruktur (schema.org) hanya tersedia sebagian, performa belum optimal, dan Core Web Vitals belum bisa mencapai potensi maksimalnya. Ditambah lagi, baik Shopware 5 maupun TYPO3 ke depannya tidak lagi menjadi fondasi yang benar-benar future-proof—kata kuncinya End of Life dan dukungan yang akan berakhir.

Jadi, kondisi awalnya jelas: banyak konten berharga, model produk dan langganan yang kuat—tapi tersebar di beberapa sistem, dengan kompleksitas yang tidak perlu untuk pengguna dan skalabilitas teknis yang terbatas.

Sebelum

Solusi

Bersama tim Blue Ocean, kami mengambil keputusan strategis yang jelas: semua sistem harus disatukan, dimodernisasi, dan dinaikkan ke arsitektur yang lebih siap untuk masa depan.

Fondasinya adalah migrasi dari Shopware 5 ke Shopware 6. Pada saat yang sama, kami secara sadar memilih pendekatan headless dengan Shopware Frontends. Backend tetap berjalan lewat Shopware, sementara frontend diimplementasikan dengan Nuxt dan Vue—kencang, fleksibel, dan bisa dibuat sangat custom.

Bagian penting lainnya adalah penggabungan semua konten. Alih-alih memakai situs TYPO3 terpisah, sekarang kami menggunakan headless CMS bernama Strapi, sehingga majalah, artikel pers, stickercards, dan konten lainnya bisa dikelola secara terstruktur. Berkat setup headless, semuanya terasa menyatu—dalam satu domain, tanpa putus pengalaman.

Berdasarkan itu, kami:

• mengembangkan desain baru untuk homepage, kategori, halaman produk, langganan & checkout
• menerapkan branding, konsep warna, dan dunia brand Blue Ocean secara konsisten
• membangun ulang seluruh alur langganan
• mengintegrasikan sistem iklan internal untuk pelanggan E2B (slot iklan di berbagai halaman)

Selain itu, kami juga mengimplementasikan SEO teknis, schema.org, optimasi performa, serta setup tracking lengkap lewat Google Tag Manager—termasuk cookie consent, Google Analytics, dan Shopware Analytics.

Sesudah

Hasil

Hari ini, Blue Ocean punya platform modern dan terpusat yang menghubungkan shop, konten, dan marketing secara sempurna.

Tampilan baru ini menawarkan:

• customer journey yang jauh lebih sederhana
• semua konten dan produk dalam satu domain
• waktu loading lebih cepat dan Core Web Vitals yang dioptimalkan
• struktur SEO yang rapi termasuk schema.org yang lengkap
• model langganan yang fleksibel dan opsi iklan internal

Tidak lama setelah relaunch, Google Search Console sudah menunjukkan tren positif pertama: lebih sedikit error teknis, posisi yang lebih baik, dan jumlah klik yang meningkat.

Yang paling bernilai adalah fondasi teknisnya yang baru: berkat pendekatan headless dengan Shopware, Nuxt, Vue, dan Strapi, Blue Ocean sekarang jauh lebih fleksibel. Konten, fitur, atau model bisnis baru bisa diterapkan lebih cepat—tanpa batasan struktur CMS atau shop yang klasik.

Kolaborasi selama beberapa bulan berjalan intens, terstruktur, dan penuh kemitraan. Karena itu, kami makin senang bisa menampilkan sebuah shop yang menjadi dasar yang kuat bagi pertumbuhan Blue Ocean ke depannya—secara teknis, visual, dan strategis.