Web

Εννέα τρακτέρ, online σε έξι εβδομάδες.

Ο επίσημος αντιπρόσωπος της Hinomoto στην Ελλάδα είχε αντιπροσώπους και μηχανήματα, αλλά καθόλου site.

Η αρχική σελίδα του hinomoto.gr
  • 6 εβδομάδες από το μηδέν ως το live site
  • 9 μοντέλα, από HM250 ως HM5025
  • 90+ βαθμολογία απόδοσης Lighthouse

Η αφετηρία.

Η Hinomoto Greece αντιπροσωπεύει την ιαπωνική μάρκα: εννέα μοντέλα τρακτέρ από 20 έως 50 ίππους σε τέσσερις σειρές, μέσα από αντιπροσώπους σε Πελοπόννησο, Εύβοια και Κρήτη.

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

Τι χτίσαμε.

Ένα site εννέα προϊόντων με σταθερή δομή δεν χρειάζεται CMS, οπότε το γράψαμε σε σκέτη PHP 8 με αρθρωτά partials.

  • Μία σελίδα προϊόντος από έναν πίνακα δεδομένων: εννέα μοντέλα, έξι προδιαγραφές το καθένα και άμεσος σύνδεσμος σε κάθε μοντέλο.
  • Gallery που διαβάζει τον φάκελο κάθε μοντέλου, ώστε οι νέες φωτογραφίες να εμφανίζονται χωρίς αλλαγή κώδικα. Ξεκίνησε με 147.
  • Σελίδα αντιπροσώπων με χάρτη για τον καθένα και κουμπί προσφοράς που επιλέγει ήδη το μοντέλο.
  • Carousel στην αρχική με βέλη, swipe και τέσσερις, δύο ή μία κάρτα ανά οθόνη.
  • Πλήρη meta tags, Open Graph, JSON-LD (LocalBusiness, AutoDealer, BreadcrumbList και άλλα) και events στο Tag Manager.
  • WCAG 2.1 AA: skip link, ορατό focus, στόχοι αφής 44 px, lightbox που δουλεύει από το πληκτρολόγιο και μειωμένη κίνηση.

Το αποτέλεσμα.

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

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