Τι χρειάζεται ένα e-shop πριν βγει live

Η αρχική σελίδα ενός e-shop μπορεί να είναι όμορφη και το κατάστημα να μην είναι ακόμη έτοιμο. Το πραγματικό τεστ ξεκινά όταν ένας πελάτης ψάξει προϊόν, αλλάξει γλώσσα, προσθέσει μια παραλλαγή στο καλάθι, πληρώσει και περιμένει σωστή ενημέρωση για την παραγγελία του.

Αυτό ήταν το βασικό ζητούμενο στο bloominbox.gr, το δίγλωσσο e-shop του Bloom in Box στην Καστοριά. Δεν αντιμετωπίσαμε το έργο ως μία ωραία βιτρίνα. Το αντιμετωπίσαμε ως μια πλήρη διαδρομή αγοράς που πρέπει να παραμένει απλή, συνεπής και αξιόπιστη από την πρώτη επίσκεψη μέχρι την παραλαβή.

Ένα e-shop είναι ολόκληρη διαδρομή

Στην πράξη, η αγορά δεν είναι ένα κουμπί. Είναι μια ακολουθία μικρών αποφάσεων. Κάθε βήμα πρέπει να απαντά αμέσως στην επόμενη απορία του πελάτη.

• Πού βρίσκω το προϊόν που θέλω;
• Υπάρχει διαθέσιμο στο χρώμα ή στο μέγεθός μου;
• Πόσο κοστίζουν τα μεταφορικά;
• Μπορώ να πληρώσω με τον τρόπο που με βολεύει;
• Η παραγγελία μου καταχωρήθηκε;
• Πώς θα ξέρω πότε θα φτάσει;

Αν μία από αυτές τις απαντήσεις λείπει ή εμφανίζεται με λάθος τρόπο, η εμπειρία διακόπτεται. Για αυτό ο έλεγχος έγινε σε επίπεδο λειτουργίας, περιεχομένου και εμφάνισης.

Responsive σχεδιασμός με πραγματικές προτεραιότητες

Στο κινητό δεν αρκεί να μικρύνουν τα στοιχεία του desktop. Η ιεραρχία πρέπει να ξανασκεφτεί. Το header, το καλάθι, οι κατηγορίες, τα κουμπιά και οι αποστάσεις χρειάζονται χώρο για το δάχτυλο και καθαρή σειρά ανάγνωσης. Στο tablet χρειάζεται διαφορετική ισορροπία, ενώ στον υπολογιστή μπορούμε να αξιοποιήσουμε περισσότερο πλάτος χωρίς να χαθεί η συγκέντρωση του επισκέπτη.

Κατάλογος που βοηθά την αναζήτηση

Ο κατάλογος οργανώθηκε ώστε ο επισκέπτης να βλέπει καθαρά τις βασικές κατηγορίες, το πλήθος των αποτελεσμάτων, τις προσφορές, τα φίλτρα και την ταξινόμηση. Η ταξινόμηση ελέγχθηκε με πραγματικές τιμές και όχι μόνο οπτικά. Τα φίλτρα προσαρμόστηκαν ώστε να είναι χρήσιμα στο κινητό χωρίς να καταλαμβάνουν ολόκληρη την οθόνη.

Προϊόντα, παραλλαγές και κοινή αλήθεια για το απόθεμα

Το Bloom in Box διαθέτει προϊόντα με διαφορετικά χρώματα, μεγέθη και επιλογές. Παράλληλα, το κατάστημα λειτουργεί στα ελληνικά και στα αγγλικά. Αυτό σημαίνει ότι ένα προϊόν μπορεί να εμφανίζεται με διαφορετικό κείμενο, αλλά το πραγματικό τεμάχιο στην αποθήκη παραμένει ένα.

Για αυτό ελέγξαμε τα ζευγάρια ελληνικών και αγγλικών προϊόντων, τις παραλλαγές τους και τη συμπεριφορά του αποθέματος μετά από αγορά ή ακύρωση. Στόχος ήταν να μην μπορεί το ίδιο τελευταίο τεμάχιο να πουληθεί δύο φορές επειδή ο ένας πελάτης είδε την ελληνική έκδοση και ο άλλος την αγγλική.

Καλάθι, ταμείο και πληρωμές χωρίς εκπλήξεις

Το καλάθι και το ταμείο προσαρμόστηκαν στη γλώσσα και στην οπτική ταυτότητα του καταστήματος. Διορθώθηκαν μεγέθη, κενά, εικόνες προϊόντων, πεδία, σύνολα και βοηθητικά μηνύματα. Οι επιλογές αποστολής και παραλαβής παρουσιάζονται με τρόπο που δεν δημιουργεί λάθος χρεώσεις ή αμφιβολία.

Οι πληρωμές μέσω Viva.com δοκιμάστηκαν στην πράξη. Ελέγξαμε επιτυχημένη αγορά, αποτυχημένη προσπάθεια, ακύρωση και επιστροφή χρημάτων. Ελέγξαμε επίσης αν το απόθεμα δεσμεύεται όταν μια πληρωμή εκκρεμεί και αν επιστρέφει όταν η παραγγελία ακυρώνεται. Αυτό είναι το σημείο όπου ένα e-shop σταματά να είναι απλώς frontend και γίνεται εμπορικό σύστημα.

Email και παρακολούθηση παραγγελίας

Τα αυτοματοποιημένα email δεν έμειναν στα γενικά πρότυπα του WooCommerce. Προσαρμόστηκαν στο ύφος του Bloom in Box και δοκιμάστηκαν για διαφορετικές καταστάσεις: νέα παραγγελία, επεξεργασία, ολοκλήρωση, ακύρωση και παραλαβή από το κατάστημα.

Όταν υπάρχει αριθμός αποστολής SpeeDeX, ο πελάτης λαμβάνει σύνδεσμο παρακολούθησης μέσα στο email του. Ο διαχειριστής ακολουθεί μία σαφή διαδικασία από την παραγγελία, χωρίς να χρειάζεται να γράψει χειροκίνητα νέο μήνυμα κάθε φορά.

Οι κρυφές καταστάσεις που συνήθως ξεχνιούνται

Οι περισσότερες αστοχίες δεν βρίσκονται στις σελίδες που βλέπει καθημερινά ο ιδιοκτήτης. Βρίσκονται στις καταστάσεις που εμφανίζονται μόνο όταν κάτι είναι άδειο, αποτυγχάνει ή αλλάζει.

• Άδειο καλάθι και άδεια λίστα αγαπημένων.
• Προϊόν εκτός αποθέματος.
• Λάθος επιλογή παραλλαγής.
• Αποτυχημένη πληρωμή ή ανεπαρκές ποσό για επιστροφή.
• Αλλαγή στοιχείων λογαριασμού και επαναφορά κωδικού.
• Αίτημα ακύρωσης παραγγελίας.
• Διαγραφή λογαριασμού και προσωπικών δεδομένων.

Κάθε μία από αυτές τις περιπτώσεις χρειάζεται σωστό κείμενο, σωστό χρώμα, ξεκάθαρη επόμενη ενέργεια και αντίστοιχη συμπεριφορά στα ελληνικά και στα αγγλικά. Ένα κόκκινο εικονίδιο σε μήνυμα επιτυχίας αρκεί για να κάνει τον πελάτη να πιστέψει ότι κάτι πήγε λάθος.

Η τεχνική βάση για την αναζήτηση

Πριν το launch ελέγχθηκαν η σύνδεση με το Google Search Console, το sitemap, οι βασικές διευθύνσεις και η πρόσβαση της Google στις πραγματικές σελίδες του καταστήματος. Ένα e-shop που ήταν παλιότερα κλειστό ή εμφάνιζε προσωρινή σελίδα χρειάζεται χρόνο και σωστά τεχνικά σήματα για να αντικατασταθούν τα παλιά αποτελέσματα.

Το SEO δεν τελειώνει την ημέρα που ανοίγει το κατάστημα. Η σωστή βάση όμως αποτρέπει τεχνικά εμπόδια και επιτρέπει στα προϊόντα, στις κατηγορίες και στο brand να αρχίσουν να εμφανίζονται με συνέπεια.

Τι κρατάω από το έργο

Ένα e-shop είναι έτοιμο όταν ο πελάτης μπορεί να ολοκληρώσει τη διαδρομή του χωρίς να χρειάζεται εξήγηση από τον κατασκευαστή ή τον ιδιοκτήτη. Η εμφάνιση παραμένει σημαντική, αλλά η εμπιστοσύνη χτίζεται όταν το απόθεμα, η πληρωμή, το email και η επόμενη ενέργεια συμφωνούν μεταξύ τους.

Αν σχεδιάζεις ένα νέο ηλεκτρονικό κατάστημα ή θέλεις να ελέγξεις ένα υπάρχον, δες τι περιλαμβάνει η κατασκευή ιστοσελίδων και e-shop που αναλαμβάνω. Μπορείς επίσης να διαβάσεις γιατί μια custom ιστοσελίδα διαφέρει από ένα έτοιμο template και πώς οι αυτοματισμοί για επιχειρήσεις μειώνουν τις χειροκίνητες εργασίες. Αν θέλεις, στείλε μου το e-shop σου και θα σου πω ποια σημεία θα έλεγχα πρώτα.