Koukouroukou Club: Μετάβαση από Legacy Σύστημα Java σε High-Performance Εφαρμογή Gamification με Symfony & Vue.js
Επισκόπηση του Project
Η Κουκουρούκου (της εταιρείας Τόττης – Μπίνγκο Α.Ε.) αποτελεί ένα από τα πιο εμβληματικά και αγαπημένα brands στον χώρο της ελληνικής σοκολατοβιομηχανίας. Για γενιές ολόκληρες, τα φυσικά άλμπουμ με τα αυτοκόλλητα συντράφευαν τους μικρούς της φίλους. Για να μεταφέρει αυτή την κληρονομιά στην ψηφιακή εποχή, η Saikō ανέλαβε τον πλήρη ανασχεδιασμό και την υλοποίηση μιας στρατηγικής που βασίζεται στην tailor-made ανάπτυξη λογισμικού για την πλατφόρμα Koukouroukou Club.
Μετατρέψαμε μια παραδοσιακή διαφημιστική καμπάνια σε ένα διαδραστικό ψηφιακό οικοσύστημα, όπου οι χρήστες βρίσκουν κωδικούς μέσα στις συσκευασίες, τους καταχωρούν online, συμπληρώνουν ηλεκτρονικά άλμπουμ (όπως Sonic ή DC) και κερδίζουν φανταστικά δώρα.
Η Πρόκληση
Ο πελάτης αντιμετώπιζε σοβαρά προβλήματα με το προηγούμενο σύστημά του, το οποίο βασιζόταν σε μια παρωχημένη και δύσκαμπτη αρχιτεκτονική Java:
- Πλήρης Έλλειψη Διαχειριστικού (Admin): Ο πελάτης δεν διέθετε ένα ολοκληρωμένο πάνελ ελέγχου. Αυτό καθιστούσε αδύνατη την παρακολούθηση στατιστικών σε πραγματικό χρόνο, τη διαχείριση χρηστών, τον έλεγχο των έγκυρων/άκυρων κωδικών ή τη χειροκίνητη διεκπεραίωση των δώρων από την εσωτερική ομάδα marketing.
- Αργό & Δύσχρηστο Frontend: Η παλιά πύλη χρηστών εμφάνιζε καθυστερήσεις και αδυνατούσε να διαχειριστεί τις απότομες κορυφώσεις της κίνησης (traffic spikes) όταν μια νέα παρτίδα προϊόντων έφτανε στα καταστήματα.
- Τεχνικό Χρέος (Technical Debt): Ο παλιός κώδικας εμπόδιζε την ενσωμάτωση σύγχρονων front-end frameworks και την εύκολη αλλαγή των θεματικών ενοτήτων του άλμπουμ.
Η Λύση μας & Τεχνική Υλοποίηση
1. Αποσυζευγμένο Backend Υψηλών Ταχυτήτων σε Symfony
Πραγματοποιήσαμε πλήρη τεχνολογική μετάβαση, ξαναγράφοντας τον πυρήνα του backend από το μηδέν με το framework Symfony (σε περιβάλλον PHP 8.4). Το Symfony επιλέχθηκε για την enterprise σταθερότητά του, το κορυφαίο σύστημα ασφαλείας του και την ικανότητά του να επεξεργάζεται ασύγχρονα τεράστιο όγκο δεδομένων.
- Μηχανή Ακαριαίας Επαλήθευσης Κωδικών: Αναπτύξαμε ένα κρυπτογραφικό επίπεδο λογικής που ελέγχει άμεσα τους μοναδικούς κωδικούς που πληκτρολογούν οι χρήστες, συγκρίνοντάς τους με εκατομμύρια προ-παραγμένα hashes σε millisecond. Όλες αυτές οι αυτοματοποιημένες ροές επαλήθευσης και η ασφαλής επικοινωνία με τη βάση δεδομένων στηρίχθηκαν στον έξυπνο αυτοματισμό και την ενοποίηση API (API integration) της Saikō.
- Προστασία από Brute-Force: Το σύστημα αποκλείει αυτόματα κακόβουλες προσπάθειες εισαγωγής κωδικών. Η συγκέντρωση αυτών των δεδομένων χρήσης παρέχει την κατάλληλη υποδομή, ώστε μελλοντικά να αξιοποιηθούν προηγμένες λύσεις AI και μηχανικής μάθησης για την προληπτική ανίχνευση μοτίβων απάτης (fraud detection) και την αυτοματοποιημένη ανάλυση της καταναλωτικής συμπεριφοράς.
2. Reactive Frontend με Vue.js & UIkit
Για να προσφέρουμε μια απολαυστική και άμεση εμπειρία χρήσης σε παιδιά και γονείς, συνδυάσαμε το ελαφρύ design του UIkit με τη reactive ισχύ του Vue.js.
- Σχεδιάσαμε ένα καθαρό περιβάλλον προφίλ όπου οι χρήστες διαχειρίζονται τα στοιχεία τους, επιλέγουν dynamic avatars από δημοφιλείς χαρακτήρες της DC και βλέπουν τον αριθμό μέλους τους, προσφέροντας μια fluid αίσθηση πλοήγησης που συναντάται συνήθως σε native mobile και desktop εφαρμογές.
- Με βάση τους κανόνες της καμπάνιας που αποτυπώνονται στο layout, ο χρήστης πληκτρολογεί τον κωδικό και βλέπει αμέσως το αντίστοιχο αυτοκόλλητο στο ηλεκτρονικό του άλμπουμ να αποκτά χρώμα. Η συμπλήρωση των 54 μοναδικών αυτοκόλλητων οδηγεί στην εξασφάλιση του δώρου, χωρίς κλήρωση.
3. Custom Σύστημα Διαχείρισης (Bespoke Admin Panel)
Λύνοντας το μεγαλύτερο πρόβλημα του πελάτη, η Saikō σχεδίασε ένα πλήρες, custom πάνελ διαχείρισης:
- Live Dashboard Επιχειρήσεων: Η διαχειριστική ομάδα έχει πλέον πλήρη εικόνα των στατιστικών του συστήματος ανά καμπάνια άλμπουμ (ποσοστά ολοκλήρωσης Sonic, DC κ.λπ.), των πρόσφατων συμμετεχόντων και των κωδικών που εξαργυρώθηκαν, διαθέτοντας παράλληλα live εργαλεία εκκαθάρισης της προσωρινής μνήμης (cache clear) για την ασφαλή διαχείριση του φόρτου.
- Λεπτομερής Έλεγχος Συμμετεχόντων: Οι διαχειριστές μπορούν να ελέγξουν την κατάσταση κάθε χρήστη ξεχωριστά. Το admin εμφανίζει ένα διαδραστικό πλέγμα με τα συλλεχθέντα αυτοκόλλητα του κάθε παιδιού, το ακριβές ποσοστό ολοκλήρωσης (π.χ. 1.9%) και το αναλυτικό ιστορικό καταγραφής της ημερομηνίας συλλογής για κάθε αυτοκόλλητο.
Τα Αποτελέσματα
Αντικαθιστώντας το δύσκαμπτο παλιό λογισμικό, η Saikō παρέδωσε ένα digital asset κορυφαίων προδιαγραφών για την Τόττης Α.Ε.:
- Απόλυτος Λειτουργικός Έλεγχος: Η ομάδα marketing διαχειρίζεται χιλιάδες ενεργούς χρήστες και επιβεβαιώνει τους νικητές σε δευτερόλεπτα.
- Απρόσκοπτη Επεκτασιμότητα: Ο μηχανισμός του Symfony ανταπερχέρχεται υποδειγματικά σε ταυτόχρονες αιτήσεις κατά τη διάρκεια τηλεοπτικών ή ψηφιακών promotional campaigns.
- Zero-Latency UX: Η διαχείριση κατάστασης (state management) της Vue.js εγγυάται ότι κάθε εισαγωγή κωδικού μετατρέπεται σε οπτική επιβράβευση ακαριαία.
Αναβαθμίστε την Επιχείρησή σας με τη Saikō
Μην αφήνετε τις παλιές αρχιτεκτονικές να περιορίζουν την ανάπτυξη ή τα workflows της επιχείρησής σας. Εμπιστευτείτε τη Saikō για τη μετάβαση των συστημάτων σας σε high-performance, custom web εφαρμογές και πλατφόρμες.
Επικοινωνήστε με την ομάδα των experts μας για να σχεδιάσουμε τη δική σας custom ψηφιακή λύση που θα απογειώσει τα αποτελέσματά σας.








