Περίληψη
Το εμπορικό κέντρο Augusts χρειαζόταν έναν απλό ψηφιακό τρόπο παρουσίασης των τοποθεσιών των καταστημάτων.
Η 2410 δημιούργησε έναν διαδραστικό, responsive χάρτη με επεξεργάσιμες ετικέτες και συνδέσμους.
Οι χρήστες μπορούν να εξερευνούν εύκολα το εμπορικό κέντρο από οποιαδήποτε συσκευή, ενώ οι ενημερώσεις διαχειρίζονται μέσω διαχειριστικού πάνελ.
Η ιστορία του πελάτη
Το εμπορικό κέντρο Augusts ήθελε μια απλή αλλά σύγχρονη λύση για την προβολή των καταστημάτων στον ιστότοπό του. Δεν χρειαζόταν εντυπωσιακά animations ή σύνθετες λειτουργίες 3D - μόνο κάτι καθαρό και πρακτικό.
Οραματίζονταν έναν εύχρηστο χάρτη καταστημάτων, όπως σε άλλα μεγάλα εμπορικά κέντρα, με εμφανή ονόματα καταστημάτων που θα μπορούσαν να επεξεργάζονται αργότερα χωρίς ανακατασκευή της διάταξης. Με την καθοδήγηση της 2410, ο τελικός χάρτης προσέφερε ακριβώς αυτό: ένα καθαρό σχέδιο ορόφου, σαφείς ετικέτες και δυναμικούς συνδέσμους - εύκολος στη συντήρηση, φιλικός προς κινητές συσκευές και οπτικά εναρμονισμένος με το brand τους.
Επισκόπηση έργου
Η 2410 ανέπτυξε έναν διαδραστικό χάρτη για το εμπορικό κέντρο Augusts, σχεδιασμένο να παρουσιάζει όλες τις τοποθεσίες καταστημάτων σε μια καθαρή διάταξη ενός επιπέδου. Το έργο υλοποιήθηκε με το Editor X, ώστε ο χάρτης να παραμένει responsive και εύχρηστος σε υπολογιστές και κινητές συσκευές.
Ο χάρτης εμφανίζει μόνιμα τα ονόματα των καταστημάτων και χρησιμοποιεί εφέ hover για να επισημαίνει κάθε τοποθεσία. Με κλικ σε ένα κατάστημα, οι χρήστες μεταφέρονται στη σελίδα με τις λεπτομέρειές του. Τα ονόματα των καταστημάτων και τα μεγέθη γραμματοσειράς τους διαχειρίζονται μέσω ειδικού διαχειριστικού πάνελ, επιτρέποντας εύκολες ενημερώσεις σε πραγματικό χρόνο χωρίς τη βοήθεια προγραμματιστή.
Για να παραμείνει το περιβάλλον χρήστη καθαρό, τα αναδυόμενα tooltip εξαιρέθηκαν σκόπιμα. Αντί αυτών, δόθηκε έμφαση στην απλότητα και τη σαφήνεια - οι χρήστες βλέπουν όλες τις απαραίτητες πληροφορίες με μια ματιά.
Η λύση αναπτύχθηκε και δοκιμάστηκε επαναληπτικά, με συνεχή αξιοποίηση των σχολίων του πελάτη. Παρότι εξετάστηκε η πιθανότητα προσθήκης ενότητας δωροκαρτών μέσω του Octobercms, αποφασίστηκε να暂停ήσει η φάση λόγω περιορισμών του backend και περιορισμένου προϋπολογισμού.
Το τελικό αποτέλεσμα ήταν ένας πλήρως λειτουργικός χάρτης καταστημάτων, βελτιστοποιημένος για SEO, που βελτίωσε την πλοήγηση των χρηστών και συνέβαλε σε μια ομαλότερη ψηφιακή εμπειρία αγορών.
- Shopping center "Augusts"
Βασικές λειτουργίες που παραδόθηκαν
- Διαδραστικός 1D χάρτης καταστημάτων με 17 καταστήματα και ετικέτες
- Εφέ hover για οπτική ανατροφοδότηση
- Responsive μέγεθος γραμματοσειράς σε δυναμικά πλαίσια καταστημάτων
- Δυναμικό περιεχόμενο μέσω διαχειριστικής βάσης δεδομένων (ονόματα καταστημάτων, προσαρμογές μεγέθους γραμματοσειράς)
- Υποστήριξη πολλαπλών συσκευών (υπολογιστής, tablet, κινητό)
Τεχνολογικό stack
Το αποτέλεσμα
Το τελικό αποτέλεσμα είναι ένας κομψός, πλήρως responsive διαδραστικός χάρτης καταστημάτων για το εμπορικό κέντρο Augusts , ενσωματωμένος απρόσκοπτα στον ιστότοπο του πελάτη. Σχεδιασμένη με mobile-first προσέγγιση , η λύση προσφέρει ομαλή και διαισθητική εμπειρία περιήγησης σε όλες τις συσκευές.
Υλοποιημένος σε
Editor X
, ο χάρτης επιτρέπει στους χρήστες να περιηγούνται εύκολα σε 17 καταστήματα, με κάθε τοποθεσία να φέρει σαφή ετικέτα και σύνδεσμο προς τη σελίδα του αντίστοιχου καταστήματος. Τα ονόματα των καταστημάτων και τα μεγέθη γραμματοσειράς αντλούνται δυναμικά από συνδεδεμένη διαχειριστική βάση δεδομένων, εξασφαλίζοντας γρήγορες και εύκολες ενημερώσεις.
Συμβουλή: Οι διαχειριστές μπορούν να προσαρμόζουν τα μεγέθη γραμματοσειράς απευθείας στο CMS μέσω αριθμητικών τιμών, προσφέροντας ευελιξία για μελλοντικές αλλαγές στη διάταξη.
Με γνώμονα την απόδοση και την απλότητα, χρησιμοποιήθηκαν εφέ hover αντί για αναδυόμενα παράθυρα ή tooltip. Αυτή η μινιμαλιστική επιλογή διατηρεί καθαρό το περιβάλλον, ενώ προσφέρει ελκυστική οπτική ανατροφοδότηση κατά την αλληλεπίδραση.
- Βελτιστοποιημένο για κινητά και υπολογιστές με αναλογική προσαρμογή γραμματοσειράς
- Ενημερώσεις ελεγχόμενες από διαχειριστές μέσω μιας
βάσης δεδομένων καταστημάτων - Δυναμική σύνδεση με τη σελίδα κάθε καταστήματος
- Responsive διάταξη που προσαρμόζεται σε διαφορετικά μεγέθη οθόνης
Η διαδικασία ανάπτυξης περιλάμβανε αρκετές επαναλήψεις και οπτικές βελτιώσεις, βασισμένες σε σχόλια του πελάτη σε πραγματικό χρόνο. Έτσι διασφαλίστηκε ότι τόσο η λειτουργικότητα όσο και η οπτική πιστότητα ανταποκρίνονταν στις απαιτήσεις ενός premium ιστότοπου εμπορικού κέντρου.
Η τελική έκδοση είναι πλέον διαθέσιμη στη διεύθυνση: tcaugusts.lv/map
Σκέφτεστε να δημιουργήσετε ένα παρόμοιο σύστημα;
Ακολουθούν οι συχνότερες ερωτήσεις που λαμβάνουμε από πελάτες που ενδιαφέρονται να αναπτύξουν διαδραστικούς χάρτες ή παρόμοιες custom web ενότητες για εμπορικά κέντρα, χώρους ή πλατφόρμες ακινήτων. Οι απαντήσεις θα σας βοηθήσουν να κατανοήσετε καλύτερα τι είναι εφικτό, τι απαιτείται και πώς λειτουργεί η διαδικασία.