E-shop Design
E-commerce Development
Στη Soft Bridge σχεδιάσαμε και κατασκευάσαμε από το μηδέν το e-shop του OATTREE σε WordPress και WooCommerce. Οργανώσαμε τα προϊόντα και τα φίλτρα αναζήτησης, υλοποιήσαμε ηλεκτρονικές πληρωμές και διασύνδεση BOX NOW και εντάξαμε εργασίες προσβασιμότητας WCAG στο πλαίσιο του έργου ΕΣΠΑ.
Δείτε το oattree.gr (νέα καρτέλα)
Το OATTREE χρειαζόταν ένα ηλεκτρονικό κατάστημα που να συνδυάζει την ταυτότητα της επιχείρησης με την οργανωμένη παρουσίαση των προϊόντων της. Αναλάβαμε τον συνολικό σχεδιασμό και την κατασκευή, από τη δομή των σελίδων έως τις εμπορικές διασυνδέσεις.
Το αντικείμενο κάλυψε τον κατάλογο, τα φίλτρα, την πληροφορία προϊόντος, τις ηλεκτρονικές πληρωμές, το BOX NOW και την προσβασιμότητα στο πλαίσιο ΕΣΠΑ.
Δώσαμε σαφή θέση στις διαφορετικές κατηγορίες, όπως μπάρες ενέργειας, αλείμματα, γκρανόλα και cookies. Οι πράσινες επιφάνειες, οι διακριτικές χρυσές αναφορές και η φωτογραφία συνδέουν το κατάστημα με την εικόνα του OATTREE.
Σχεδιάσαμε την περιήγηση γύρω από την αναζήτηση προϊόντων και την πρόσβαση στις πληροφορίες τους, με φίλτρα που αντιστοιχούν στις κατηγορίες και στα επιμέρους χαρακτηριστικά του καταλόγου.
Αναζήτηση προϊόντων, ηλεκτρονικές πληρωμές, BOX NOW και προσβασιμότητα στο πλαίσιο του έργου.
Περιορισμός αποτελεσμάτων με βάση την τιμή, την κατηγορία και τα ειδικά χαρακτηριστικά των προϊόντων.
Διασύνδεση τραπεζικής υπηρεσίας για πληρωμές με κάρτα μέσα στη διαδικασία παραγγελίας.
Σύνδεση του e-shop με BOX NOW για την υποστήριξη αποστολών παραγγελιών.
Εργασίες προσβασιμότητας με αναφορά στις οδηγίες WCAG στο πλαίσιο του έργου ΕΣΠΑ.
Συνεπής παρουσίαση και πλοήγηση σε desktop, tablet και κινητό.
Κατάλογος & αναζήτηση
Οργανώσαμε τη σελίδα καταστήματος με σταθερή θέση για τα φίλτρα και καθαρή διάταξη καρτών προϊόντων. Κάθε κάρτα συγκεντρώνει φωτογραφία, ονομασία, τιμή και ένδειξη διαθεσιμότητας.
Οι κατηγορίες συμπληρώνονται από ειδικά χαρακτηριστικά του καταλόγου, όπως Vegan, Raw και χωρίς προσθήκη ζάχαρης. Ο επισκέπτης μπορεί να περιορίζει τα αποτελέσματα με βάση τις επιλογές που τον ενδιαφέρουν.
Πληροφορία προϊόντος
Δώσαμε έμφαση στη φωτογραφία και στη σαφή παρουσίαση των πληροφοριών του προϊόντος. Η τιμή, η κατηγορία και η σύντομη περιγραφή συγκεντρώνονται δίπλα στην εικόνα, με πρόσβαση σε αναλυτικότερο περιεχόμενο.
Ξεχωριστές καρτέλες οργανώνουν την περιγραφή, τις επιπλέον πληροφορίες, τα συστατικά και τον διατροφικό πίνακα. Η δομή βοηθά τον επισκέπτη να βρίσκει την πληροφορία χωρίς ένα ενιαίο, εκτενές κείμενο.
Πληρωμές
Υλοποιήσαμε τη σύνδεση με τραπεζική υπηρεσία ηλεκτρονικών πληρωμών για την πληρωμή παραγγελιών με κάρτα. Η λειτουργία συμπληρώνει την εμπορική υποδομή του WooCommerce και συνδέεται με τη διαδικασία ολοκλήρωσης της παραγγελίας.
Αποστολές
Στο αντικείμενο της κατασκευής περιλήφθηκε η διασύνδεση με BOX NOW για τις αποστολές. Έτσι, η υλοποίηση καλύπτει τόσο την παρουσίαση του καταλόγου όσο και τις λειτουργίες πληρωμής και αποστολής που χρειάζεται το ηλεκτρονικό κατάστημα.
Προσβασιμότητα & ΕΣΠΑ
Η προσβασιμότητα αποτέλεσε μέρος της κατασκευής του OATTREE, με αναφορά στις οδηγίες WCAG και στις ανάγκες του έργου ΕΣΠΑ. Στο website είναι διαθέσιμη γραμμή εργαλείων προσαρμογής της προβολής.
Οι επιλογές περιλαμβάνουν αλλαγή μεγέθους κειμένου, υψηλή αντίθεση, κλίμακα του γκρι, υπογράμμιση συνδέσμων και αναγνώσιμη γραμματοσειρά, προσφέροντας πρόσθετους τρόπους προσαρμογής της ανάγνωσης.
Responsive σχεδιασμός
Προσαρμόσαμε τις συνθέσεις και την πλοήγηση στις μικρότερες οθόνες. Η αρχική σελίδα δίνει χώρο στη φωτογραφία των προϊόντων, με συμπτυγμένο μενού και άμεση πρόσβαση στις βασικές λειτουργίες του καταστήματος.
Η ίδια οπτική γλώσσα συνδέει την αρχική, τον κατάλογο και τις σελίδες προϊόντων, διατηρώντας την ταυτότητα του OATTREE σε κάθε συσκευή.
Το αποτέλεσμα
Δημιουργήσαμε από το μηδέν ένα ηλεκτρονικό κατάστημα που συνδυάζει την εικόνα του OATTREE με οργανωμένο κατάλογο, φίλτρα αναζήτησης, πληροφορίες προϊόντων, ηλεκτρονικές πληρωμές και διασύνδεση BOX NOW.
Ο σχεδιασμός, η ανάπτυξη και οι εργασίες προσβασιμότητας διαμορφώνουν μια συνεπή ψηφιακή παρουσία, προσαρμοσμένη στο αντικείμενο και στις λειτουργικές ανάγκες της επιχείρησης.