Έργο αναφοράς: Blue Ocean

Ενοποίηση του Shop, Content & συνδρομών σε μία πλατφόρμα

Η Blue Ocean ενοποίησε το ιστορικά εξελιγμένο οικοσύστημα συστημάτων της από Shopware 5 και TYPO3 σε μια σύγχρονη headless αρχιτεκτονική – με Shopware 6, Nuxt/Vue και Strapi, βελτιστοποιημένη για SEO, performance και tracking.

Έργο αναφοράς: Blue Ocean
  • Πελάτης

    Blue Ocean

  • Ιστότοπος

    https://www.blue-ocean.de
  • Αντικείμενο

    ΑνάπτυξηΜετανάστευσηHeadless / FrontendCMS (Strapi)Τεχνικό SEOTrackingΒελτιστοποίηση performance

Πρόβλημα

Η Blue Ocean ήρθε σε εμάς με ξεκάθαρη επιθυμία να εκσυγχρονίσει και να απλοποιήσει το υπάρχον οικοσύστημα συστημάτων. Εκείνη τη στιγμή, η online παρουσία αποτελούνταν από πολλά, μεταξύ τους απομονωμένα συστήματα: ένα παλαιότερο Shopware-5-Shop για το e-commerce, καθώς και ένα ξεχωριστό TYPO3-Website για περιεχόμενο όπως περιοδικά, άρθρα τύπου, συνδρομές, αυτοκόλλητα και άλλες προσφορές – κατανεμημένα σε δύο διαφορετικά domains.

Αυτή η δομή είχε διαμορφωθεί ιστορικά, όμως έφερνε μαζί της αρκετές προκλήσεις. Οι χρήστες έπρεπε κατά τη διαδρομή τους να αλλάζουν ανάμεσα σε διαφορετικά domains, κάτι που έκανε το customer journey άσκοπα περίπλοκο. Παράλληλα, θέματα όπως η πολυγλωσσία, τα setups ανά χώρα (Γερμανία, Αυστρία, Ελβετία) και οι επεκτάσεις μπορούσαν να υλοποιηθούν μόνο με περιορισμένη ευελιξία.

Και από τεχνική πλευρά υπήρχε περιθώριο βελτιστοποίησης: το SEO-setup δεν ήταν παντού καθαρό και συνεπές, τα δομημένα δεδομένα (schema.org) υπήρχαν μόνο εν μέρει, η απόδοση δεν ήταν ιδανική και τα Core Web Vitals δεν μπορούσαν να ξεδιπλώσουν πλήρως τις δυνατότητές τους. Επιπλέον, τόσο το Shopware 5 όσο και το TYPO3 δεν αποτελούσαν πλέον μια μελλοντικά ασφαλή βάση – με λέξεις-κλειδιά End of Life και υποστήριξη που έληγε.

Η αφετηρία ήταν λοιπόν ξεκάθαρα ορισμένη: Πολλά πολύτιμα περιεχόμενα, ένα δυνατό μοντέλο προϊόντων και συνδρομών – αλλά μοιρασμένα σε πολλά συστήματα, με άσκοπη πολυπλοκότητα για τον χρήστη και περιορισμένη τεχνική κλιμάκωση.

Πριν

Λύση

Μαζί με την ομάδα της Blue Ocean πήραμε μια ξεκάθαρη στρατηγική απόφαση: όλα τα συστήματα έπρεπε να ενοποιηθούν, να εκσυγχρονιστούν και να αναβαθμιστούν σε μια αρχιτεκτονική που είναι έτοιμη για το μέλλον.

Η βάση ήταν η migration από Shopware 5 σε Shopware 6. Ταυτόχρονα, επιλέξαμε συνειδητά μια headless προσέγγιση με Shopware Frontends. Το backend συνεχίζει να τρέχει μέσω Shopware, ενώ το frontend υλοποιήθηκε με Nuxt και Vue – γρήγορο, ευέλικτο και πλήρως προσαρμοσμένο.

Ένα κεντρικό κομμάτι ήταν η ενοποίηση όλου του περιεχομένου. Αντί για ξεχωριστό TYPO3 site, τώρα χρησιμοποιούμε ένα headless CMS με όνομα Strapi, μέσω του οποίου περιοδικά, άρθρα τύπου, stickercards και άλλο περιεχόμενο μπορούν να διαχειρίζονται δομημένα. Χάρη στο headless setup, όλα δείχνουν ενιαία – σε ένα domain, χωρίς ασυνέχειες.

Πάνω σε αυτό, υλοποιήσαμε:

  • νέο design για homepage, κατηγορίες, σελίδες προϊόντων, συνδρομές & checkout
  • συνεπή εφαρμογή του branding, του χρωματικού concept και του brand world της Blue Ocean
  • πλήρες rebuild της ροής συνδρομών
  • ενσωμάτωση εσωτερικού διαφημιστικού συστήματος για E2B πελάτες (διαφημιστικά slots σε διάφορες σελίδες)

Επιπλέον, υλοποιήθηκαν τεχνικό SEO, schema.org, βελτιστοποιήσεις performance και ένα πλήρες tracking-setup μέσω του Google Tag Manager – συμπεριλαμβανομένων cookie-consent, Google Analytics και Shopware Analytics.

Μετά

Αποτέλεσμα

Σήμερα η Blue Ocean διαθέτει μια σύγχρονη, κεντρική πλατφόρμα που συνδέει άψογα shop, περιεχόμενο και marketing.

Η νέα παρουσία προσφέρει:

  • ένα σημαντικά απλοποιημένο customer journey
  • όλο το περιεχόμενο και όλα τα προϊόντα σε ένα domain
  • καλύτερους χρόνους φόρτωσης και βελτιστοποιημένα Core Web Vitals
  • καθαρές SEO δομές, συμπεριλαμβανομένου πλήρους schema.org
  • ευέλικτα μοντέλα συνδρομών και εσωτερικές δυνατότητες διαφήμισης

Ήδη λίγο μετά το relaunch, στην Google Search Console φαίνονται οι πρώτες θετικές τάσεις: λιγότερα τεχνικά σφάλματα, καλύτερες θέσεις και αυξανόμενα clicks.

Ιδιαίτερα πολύτιμη είναι η νέα τεχνική βάση: χάρη στην headless προσέγγιση με Shopware, Nuxt, Vue και Strapi, η Blue Ocean είναι σήμερα σαφώς πιο ευέλικτη. Νέο περιεχόμενο, features ή επιχειρηματικά μοντέλα μπορούν να υλοποιούνται πιο γρήγορα – χωρίς τους περιορισμούς των κλασικών CMS ή shop δομών.

Η συνεργασία, για αρκετούς μήνες, ήταν έντονη, δομημένη και πραγματικά συνεργατική. Ακόμη περισσότερο χαιρόμαστε που σήμερα μπορούμε να παρουσιάσουμε ένα shop που αποτελεί μια ισχυρή βάση για την περαιτέρω ανάπτυξη της Blue Ocean — τεχνικά, οπτικά και στρατηγικά.

Θέλεις κι εσύ να πετύχεις τους στόχους σου;

Τότε κλείσε ένα πρώτο ραντεβού μαζί μας, ώστε να δούμε μαζί αν μπορούμε να σε βοηθήσουμε με το project σου!