1. Τεχνική Αναβάθμιση & Migration

Πραγματοποιήσαμε ασφαλή μετάβαση από PrestaShop 1.7 σε PrestaShop 8.2, εξασφαλίζοντας τη μέγιστη ασφάλεια, ταχύτητα και συμβατότητα με τις νεότερες εκδόσεις PHP. Η αναβάθμιση έγινε με μηδενική απώλεια δεδομένων προϊόντων και ιστορικού.

2. Σχεδιασμός & Branding (UI/UX)

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

• Primary Color: Dark Green #576432 (Κύρος & Σταθερότητα)

• Secondary Color: Light Green #AEBC72 (Φρεσκάδα & Ανάπτυξη) Το UI σχεδιάστηκε εξαρχής με “Clean Design” αρχές, εστιάζοντας στην ευκολία πλοήγησης και την καθαρότητα της πληροφορίας.

3. Προσβασιμότητα & Συμμόρφωση ΕΣΠΑ (WCAG AAA)

Αυτό αποτελεί και το μεγαλύτερο επίτευγμα του έργου. Η ιστοσελίδα σχεδιάστηκε και αναπτύχθηκε ώστε να πληροί το πρότυπο WCAG 2.1 Level AAA (το υψηλότερο δυνατό επίπεδο προσβασιμότητας).

• Εφαρμόσαμε High Contrast χρωματικούς συνδυασμούς για άτομα με προβλήματα όρασης.

• Ενσωματώσαμε ARIA Labels και σημασιολογική δομή (Semantic HTML) σε όλα τα στοιχεία (Search, Filters, Menus).

• Διορθώσαμε όλα τα errors προσβασιμότητας (Missing Form Labels, Empty Links, Broken ARIA menus) μέσω Custom JavaScript λύσεων.

• Εξασφαλίσαμε πλήρη πλοήγηση μέσω πληκτρολογίου (Keyboard Navigation).

4. Opticweb Custom Development

Για τις ανάγκες του project δεν αρκεστήκαμε σε έτοιμες λύσεις, αλλά αναπτύξαμε δικά μας εργαλεία:

• Opticweb Image Optimizer: Αυτόματη μετατροπή εικόνων σε WebP και δυναμικό resize για βέλτιστη ταχύτητα φόρτωσης (Google Core Web Vitals).

• Custom Menu Widget: Ένα πλήρως προσβάσιμο (Accessible) Mega Menu, σχεδιασμένο για εύκολη πλοήγηση σε κατηγορίες μηχανημάτων.

• Custom Pop-Up Widget: Μηχανισμός ενημερώσεων που δεν εμποδίζει την προσβασιμότητα και σέβεται την εμπειρία του χρήστη.

• Custom HTML/JS Solutions: Επεμβάσεις στον πυρήνα του front-end για διόρθωση λειτουργιών αναζήτησης και φίλτρων.

Αποτέλεσμα

Το νέο e-verv.gr είναι ένας σύγχρονος, ταχύτατος και πλήρως προσβάσιμος ηλεκτρονικός κατάλογος που όχι μόνο πληροί τις προδιαγραφές χρηματοδότησης του ΕΣΠΑ, αλλά προσφέρει μια άρτια εμπειρία χρήσης σε κάθε επισκέπτη, χωρίς αποκλεισμούς.

Hashtags:

#Opticweb #WebDesign #PrestaShop8 #WCAG_AAA #Accessibility #ESPA2021_2027 #WebDevelopment #Komotini #CustomDevelopment #CaseStudy #UIUX