Πίσω στο Portfolio
Η αρχική σελίδα του Kerkini Boat: κάτω από μια γραμμή με την τοποθεσία, το Εθνικό Πάρκο Λίμνης Κερκίνης στις Σέρρες, ο τίτλος «Η λίμνη Κερκίνη, ανοιχτή για όλους», με τη δεύτερη γραμμή σε ανοιχτόχρωμα πλάγια γράμματα, πάνω σε σκουρόχρωμη φωτογραφία του σκεπαστού καταστρώματος της βάρκας με τον καπετάνιο στο τιμόνι και τη λίμνη και τα βουνά στο βάθος· από κάτω, μια σύντομη εισαγωγή, ένα κεραμιδί κουμπί για κράτηση βαρκάδας, ένα περιγραμμένο κουμπί για τη βάρκα και τέσσερα στοιχεία: 35 θέσεις, 8–10 αμαξίδια, 300+ είδη πουλιών και ξενάγηση στη νοηματική.
Άνοιγμα του kerkiniboat.com σε νέα καρτέλα

Kerkini Boat — Προσβάσιμη Βαρκάδα, Διαμονή & Ενοικίαση Αυτοκινήτου

Επισκόπηση

Το Kerkini Boat είναι οικογενειακή επιχείρηση στο χωριό Κερκίνη των Σερρών: ο Σπύρος Σφέτκος έχει την πρώτη βάρκα στη λίμνη φτιαγμένη για πρόσβαση με αναπηρικό αμαξίδιο. Το κατάστρωμα είναι επίπεδο, η επιβίβαση γίνεται με πλατιά ράμπα στο ίδιο επίπεδο, κανείς δεν σηκώνεται από το αμαξίδιό του, και 8 έως 10 αμαξίδια χωρούν μαζί με τους συνοδούς τους σε σύνολο 35 θέσεων. Η ξενάγηση μπορεί να γίνει στην ελληνική νοηματική γλώσσα, κατόπιν συνεννόησης κατά την κράτηση. Η ίδια οικογένεια νοικιάζει επίσης ένα αυτόνομο διαμέρισμα και αυτοκίνητα, οπότε η ιστοσελίδα παρουσιάζει τρεις υπηρεσίες χωρίς να κρύβει εκείνη που κάνει την επιχείρηση ξεχωριστή.

Τα ελληνικά προηγούνται και τα αγγλικά ακολουθούν ως δύο πλήρη σετ αρχείων με ίδια ονόματα και ίδια δομή, όχι ως κείμενα που εναλλάσσει ένα script — η ιστοσελίδα γράφτηκε για να τη διαβάζουν τα crawlers και οι βοηθοί AI όσο και οι άνθρωποι, γι' αυτό συνοδεύεται από ένα llms.txt γραμμένο στο χέρι και ένα αυτόματα παραγόμενο πλήρες κείμενο κάθε σελίδας. Δεν υπάρχει framework ούτε build, και τίποτα δεν ζητιέται από τρίτους: οι γραμματοσειρές και η βιβλιοθήκη κίνησης έρχονται από τον ίδιο server, απόφαση που η πολιτική απορρήτου τη δηλώνει καθαρά. Η κίνηση είναι διακοσμητική και αστοχεί ανοιχτά με τρεις διαφορετικούς τρόπους, ώστε μια σελίδα της οποίας η JavaScript δεν έφτασε ποτέ να δείχνει ούτως ή άλλως όλα όσα έχει να πει.

Προκλήσεις

Μια ιστοσελίδα που μιλά για προσβασιμότητα δεν μπορεί να είναι αόριστη ως προς αυτήν. Η βάρκα είναι πραγματικά προσβάσιμη σε αναπηρικά αμαξίδια· το κατάλυμα, ένα παραδοσιακό σπίτι του χωριού, δεν είναι — και το να ειπωθεί αυτό καθαρά, στην ίδια ιστοσελίδα, χωρίς να υπονομεύεται η επιχείρηση, ήταν η πιο δύσκολη απόφαση στα κείμενα. Τρεις υπηρεσίες διεκδικούν επίσης την ίδια αρχική σελίδα, καθεμία με δικό της κοινό: η βαρκάδα, η διαμονή, το αυτοκίνητο. Οι κρατήσεις γίνονται μόνο τηλεφωνικά και μέσω WhatsApp, χωρίς email και χωρίς φόρμα, οπότε κάθε σελίδα έπρεπε να κάνει το επόμενο βήμα προφανές χωρίς το συνηθισμένο χωνί επικοινωνίας. Και το κοινό είναι μοιρασμένο ανάμεσα σε Έλληνες επισκέπτες και σε ξένους παρατηρητές πουλιών, φωτογράφους και συλλόγους αναπηρίας, οπότε καμία από τις δύο γλώσσες δεν μπορούσε να είναι το πάρεργο που παράγει ένας διακόπτης JavaScript.

Λύσεις

Τα ελληνικά και τα αγγλικά είναι δύο πλήρη σετ σελίδων με ίδια ονόματα αρχείων και ίδια δομή, με δικό τους canonical, hreflang και δομημένα δεδομένα, ώστε και τα δύο να διαβάζονται σωστά με τη JavaScript κλειστή. Η κεφαλίδα, το συρτάρι πλοήγησης και το υποσέλιδο παράγονται σε όλες τις 22 σελίδες από κοινά partials, ενώ ένας ελεγκτής επικυρώνει συνδέσμους, αρχεία, εναλλακτικά κείμενα, σειρά επικεφαλίδων, canonicals, δομημένα δεδομένα και όριο 150 KB ανά εικόνα πριν ανέβει οτιδήποτε — δεν υπάρχει CI, οπότε οι έλεγχοι τρέχουν από τη γραμμή εντολών. Η προσβασιμότητα μετρήθηκε αντί να θεωρηθεί δεδομένη: 3.055 κόμβοι κειμένου σε όλες τις 22 σελίδες σε δύο πλάτη, καμία αποτυχία αντίθεσης και καμία οριζόντια κύλιση από τα 320 ως τα 1920 pixel. Η δήλωση προσβασιμότητας απαριθμεί τι προσφέρει η βάρκα και λέει καθαρά ότι το κατάλυμα δεν είναι πλήρως προσβάσιμο· η χωρητικότητα και η ξενάγηση στη νοηματική βρίσκονται στα δομημένα δεδομένα· και γραμματοσειρές και scripts είναι self-hosted, ώστε κανένας επισκέπτης να μη δίνεται σε τρίτους.

Γκαλερί

  • Η αρχική σελίδα του Kerkini Boat: κάτω από μια γραμμή με την τοποθεσία, το Εθνικό Πάρκο Λίμνης Κερκίνης στις Σέρρες, ο τίτλος «Η λίμνη Κερκίνη, ανοιχτή για όλους», με τη δεύτερη γραμμή σε ανοιχτόχρωμα πλάγια γράμματα, πάνω σε σκουρόχρωμη φωτογραφία του σκεπαστού καταστρώματος της βάρκας με τον καπετάνιο στο τιμόνι και τη λίμνη και τα βουνά στο βάθος· από κάτω, μια σύντομη εισαγωγή, ένα κεραμιδί κουμπί για κράτηση βαρκάδας, ένα περιγραμμένο κουμπί για τη βάρκα και τέσσερα στοιχεία: 35 θέσεις, 8–10 αμαξίδια, 300+ είδη πουλιών και ξενάγηση στη νοηματική.

    Μια αρχική σελίδα που ξεκινά από το ποιος μπορεί να επιβιβαστεί

  • Η ενότητα «Τρεις υπηρεσίες. Ένας οικοδεσπότης.» με σύντομη εισαγωγή για τον Σπύρο Σφέτκο και τρεις κάρτες, από τις οποίες η πρώτη είναι ανασηκωμένη με σκιά κάτω από τον δείκτη. Οι φωτογραφίες τους δείχνουν το κατάστρωμα της βάρκας με σειρές από κόκκινα σωσίβια κάτω από ξύλινο στέγαστρο, τον ξενώνα το σούρουπο με φωτισμένο κήπο και σκαλιστά ξύλινα πουλιά, και ένα λευκό αυτοκίνητο της Kerkini Cars μπροστά σε βουνά· κάθε κάρτα έχει ετικέτα, τίτλο (Βαρκάδα στη λίμνη, Διαμονή στο χωριό, Ενοικίαση αυτοκινήτου), σύντομη περιγραφή και σύνδεσμο.

    Τρεις υπηρεσίες, μία οικογένεια, μία σειρά

  • Σκούρο πετρόλ πλαίσιο με την ετικέτα της προσβασιμότητας και τον τίτλο «Η πρώτη βάρκα στη λίμνη που σχεδιάστηκε για όλους», δύο σύντομες παράγραφοι, τέσσερα σημεία με στρογγυλά εικονίδια —Επίπεδη επιβίβαση, 8–10 αμαξίδια, Ελληνική νοηματική, Πρόσδεση & ασφάλεια—, το καθένα με σύντομη εξήγηση, και στο κάτω μέρος μια σημείωση που ζητά από τους επισκέπτες να πουν τι χρειάζονται όταν κάνουν κράτηση.

    Ο ισχυρισμός που πουλάει την επιχείρηση, σε τέσσερα σημεία

  • Η ενότητα «Ένας από τους σημαντικότερους υδροβιοτόπους της Ευρώπης» σε φόντο στο χρώμα της άμμου: φωτογραφία με τρεις λευκούς πελεκάνους που κολυμπούν σε ρηχά νερά μπροστά από λιβάδι και δέντρα, δίπλα σε δύο παραγράφους για τον υγρότοπο Ραμσάρ, τα πουλιά και τα βουβάλια του και σε έναν σύνδεσμο προς τον οδηγό της λίμνης· από κάτω, τέσσερα μεγάλα νούμερα: 300+ καταγεγραμμένα είδη πουλιών, 2000 βουβάλια στην περιοχή, 1932, η χρονιά που γεννήθηκε η λίμνη, και Ramsar, υγρότοπος διεθνούς σημασίας.

    Ο υδροβιότοπος σε τέσσερα νούμερα που μετρούν μόλις εμφανιστούν

  • Η ενότητα «Από την προβλήτα μέχρι την επιστροφή» σε σκούρο πετρόλ: πέντε αριθμημένα βήματα πάνω σε μια κάθετη γραμμή —Συνάντηση στην προβλήτα, Έξοδος στα ανοιχτά, Πουλιά και βουβάλια, Το βυθισμένο δάσος, Επιστροφή—, το καθένα με σύντομη περιγραφή, δίπλα σε μια ψηλή φωτογραφία του καταστρώματος με κόκκινα σωσίβια κατά μήκος των δύο πάγκων και τον καπετάνιο όρθιο πίσω από ένα ξύλινο αναλόγιο στο βάθος.

    Η βαρκάδα βήμα βήμα, από την προβλήτα ως την επιστροφή

  • Η σελίδα διαμονής: η ετικέτα «Kerkini's Harmony House» και ο τίτλος «Ένα σπίτι, όχι ένα δωμάτιο ξενοδοχείου» δίπλα σε φωτογραφία ενός ισόγειου σπιτιού με κεραμοσκεπή, ηλιακό θερμοσίφωνα και βεράντα, σε μεγάλο γκαζόν κάτω από γαλάζιο ουρανό με βουνά πίσω του, και τρεις παράγραφοι· από κάτω, μια ζώνη με τίτλο «Διαθεσιμότητα και κρατήσεις» που εξηγεί ότι οι κρατήσεις γίνονται μέσω Airbnb, με ένα κεραμιδί κουμπί κράτησης στο Airbnb.

    Ένα σπίτι στο χωριό, με κράτηση μέσω Airbnb

  • Δύο πίνακες σε σκούρο πετρόλ. Τα «Στοιχεία της λίμνης» δίνουν τοποθεσία, είδος, χρονιά δημιουργίας, προστασία, πουλιά, βουβάλια και βουνά: Σέρρες, Κεντρική Μακεδονία· τεχνητή λίμνη στον ποταμό Στρυμόνα· 1932, φράγμα Λιθοτόπου· Ramsar, Natura 2000 και Εθνικό Πάρκο· πάνω από 300 καταγεγραμμένα είδη· περίπου 2.000 βουβάλια· Μπέλες και Μαυροβούνι. Το «Πώς θα έρθετε» δίνει τους χρόνους από τη Θεσσαλονίκη, τις Σέρρες, το αεροδρόμιο και τα σύνορα με τη Βουλγαρία, με μια σημείωση ότι η συγκοινωνία δεν φτάνει στα σημεία θέασης και έναν σύνδεσμο για ενοικίαση αυτοκινήτου.

    Όσα ψάχνει ο επισκέπτης, σε δύο απλούς πίνακες

  • Τρία πλακίδια επικοινωνίας —τηλέφωνο +30 6986 911 811, WhatsApp +49 1520 2401637 και η διεύθυνση Κερκίνη 620 55, Σέρρες— πάνω από τον τίτλο «Τι να μας πείτε όταν επικοινωνήσετε», μια σύντομη παράγραφο, μια λίστα με τικ με πέντε σημεία προς αναφορά, ανάμεσά τους αν κάποιος χρησιμοποιεί αμαξίδιο και αν είναι ηλεκτρικό, και δύο κουμπιά: WhatsApp και ο αριθμός τηλεφώνου.

    Χωρίς φόρμα, χωρίς email: δύο αριθμοί και μια λίστα

  • Η αρχική σελίδα σε τάμπλετ: ο τίτλος «Η λίμνη Κερκίνη, ανοιχτή για όλους» πάνω στη σκουρόχρωμη φωτογραφία του καταστρώματος με τον καπετάνιο στο τιμόνι, η εισαγωγή, τα δύο κουμπιά δίπλα δίπλα και τα τέσσερα στοιχεία σε μία σειρά· κάτω από την κεντρική εικόνα, η αρχή της ενότητας «Τρεις υπηρεσίες. Ένας οικοδεσπότης.» με την εισαγωγή της και το πάνω μέρος δύο καρτών, και ένα κεραμιδί κουμπί κλήσης που αιωρείται κάτω δεξιά.

    Στο τάμπλετ, ένα κουμπί κλήσης ακολουθεί κάθε σελίδα

  • Η ενότητα «Η λίμνη αλλάζει κάθε μήνα» σε τάμπλετ: μια εισαγωγή και κάρτες εποχών σε δύο στήλες —«Πελεκάνοι στο χειμωνιάτικο φως», Νοέμβριος – Απρίλιος, με φωτογραφία πελεκάνων σε ρηχά νερά, και «Τα βουβάλια στα ρηχά», όλο τον χρόνο, με φωτογραφία βουβαλιών που βόσκουν— και από κάτω το πάνω μέρος δύο ακόμη καρτών, ένα ζευγάρι πελαργών σε φωλιά και μια μικρή κουκουβάγια σε κεραμοσκεπή με γαλάζιο ουρανό.

    Ένας λόγος να έρθετε σε κάθε εποχή

  • Η ενότητα «Μείνετε εκεί όπου σταματά ο θόρυβος» σε τάμπλετ: φωτογραφία μιας σκεπαστής βεράντας με στρογγυλό ξύλινο τραπέζι, μεταλλικές καρέκλες με μαξιλάρια και γλάστρες, με θέα σε γκαζόν, και από κάτω η ετικέτα «Kerkini's Harmony House», μια σύντομη περιγραφή, τέσσερις παροχές με τικ —πλήρης κουζίνα και γωνιά καφέ, κλιματισμός και θέρμανση, ιδιωτικός κήπος και βεράντα, δωρεάν στάθμευση— και δύο κουμπιά, για κράτηση στο Airbnb και για περισσότερα στοιχεία και φωτογραφίες.

    Το κατάλυμα στην αρχική σελίδα, ένα άγγιγμα από το Airbnb

  • Η ενότητα «Ό,τι χρειάζεστε, ήδη εκεί» σε τάμπλετ: παροχές με τικ σε τρεις ομάδες —Κουζίνα & τραπεζαρία, Άνεση, Έξω— και από κάτω μια σημείωση με εικονίδιο πληροφοριών για όσους ταξιδεύουν με αμαξίδιο, που λέει ότι το κατάλυμα είναι παραδοσιακό χωριάτικο σπίτι και δεν είναι πλήρως προσβάσιμο, και προτείνει ένα τηλεφώνημα για να περιγραφούν τα πλάτη των θυρών, τα σκαλοπάτια και το μπάνιο.

    Οι παροχές, με μια ειλικρινή σημείωση για όσους κινούνται με αμαξίδιο

  • Η δήλωση προσβασιμότητας σε τάμπλετ: μια ενότητα για το κατάλυμα που λέει ότι δεν είναι πλήρως προσβάσιμο με αμαξίδιο, μια ενότητα για τον ιστότοπο με οκτώ δεσμεύσεις με τικ, από τον λόγο αντίθεσης και τη χρήση με πληκτρολόγιο ως τη μειωμένη κίνηση και τη μεγέθυνση 200%, μια ενότητα με τίτλο «Τι δεν είναι ακόμη τέλειο» για τον χάρτη τρίτου παρόχου και ο τίτλος «Βρήκατε κάποιο εμπόδιο;».

    Η σελίδα που λέει και τι δεν είναι προσβάσιμο

  • Η αρχική σελίδα σε κινητό: η γραμμή της τοποθεσίας σε δύο σειρές, ο τίτλος «Η λίμνη Κερκίνη, ανοιχτή για όλους», η εισαγωγή, τα δύο κουμπιά το ένα κάτω από το άλλο και τα τέσσερα στοιχεία σε δύο σειρές, όλα πάνω στη σκουρόχρωμη φωτογραφία του καταστρώματος με τον καπετάνιο στο τιμόνι· ένα κεραμιδί κουμπί κλήσης αιωρείται κάτω δεξιά.

    Όλη η υπόσχεση χωράει σε μία οθόνη κινητού

  • Η ενότητα της ενοικίασης αυτοκινήτου στην αρχική σελίδα, σε κινητό: φωτογραφία ενός λευκού ενοικιαζόμενου αυτοκινήτου με την επιγραφή «Kerkini cars — rent a car spiros» στην πόρτα, μπροστά σε βουνά, και από κάτω η ετικέτα «Kerkini Cars», ο τίτλος «Η λίμνη είναι μεγάλη. Πάρτε τον χρόνο σας.», μια παράγραφος που αναφέρει το Μανδράκι, τον Λιθότοπο και τα ορεινά χωριά του Μπέλες, τέσσερα σημεία με τικ —παράδοση στο κατάλυμα, παραλαβή από το αεροδρόμιο της Θεσσαλονίκης, πλήρης ασφάλιση, χωρίς κρυφές χρεώσεις— και ένας σύνδεσμος για τα αυτοκίνητα και τους όρους.

    Το αυτοκίνητο σε τέσσερα τικ, πριν καν τη σελίδα ενοικίασης

  • Η ενότητα «Συχνές ερωτήσεις για τη βαρκάδα» σε κινητό, με ανοιχτή την πρώτη ερώτηση, για το πώς γίνεται η επιβίβαση με αμαξίδιο: η βάρκα πλευρίζει σε σταθερή προβλήτα, οι επιβάτες μπαίνουν από ράμπα στο ίδιο επίπεδο με το κατάστρωμα και μένουν στο δικό τους αμαξίδιο, που ασφαλίζεται με σύστημα πρόσδεσης. Από κάτω ακολουθούν κλειστές οι επόμενες ερωτήσεις, η καθεμία με ένα σύμβολο συν.

    Οι ερωτήσεις που γίνονται στο τηλέφωνο, απαντημένες πριν την κλήση

  • Μια παράγραφος σε κινητό για την Κερκίνη ως υγρότοπο Ραμσάρ, περιοχή Natura 2000 και πυρήνα εθνικού πάρκου, της οποίας τα νερά απλώνονται τον χειμώνα και αποτραβιούνται το καλοκαίρι, και από κάτω τέσσερα νούμερα το ένα κάτω από το άλλο: 300+ καταγεγραμμένα είδη πουλιών, 2000 βουβάλια στην περιοχή, 1932, η χρονιά που δημιουργήθηκε η λίμνη, και 100 χλμ. από τη Θεσσαλονίκη.

    Η λίμνη εξηγημένη, και μετά συνοψισμένη σε τέσσερα νούμερα

  • Μια φωτογραφία ανοιχτή στην προβολή πλήρους οθόνης της γκαλερί, σε κινητό: βουβάλια βόσκουν σε πράσινο λιβάδι και ένα από αυτά είναι μέσα στο νερό στο πρώτο πλάνο, με το κεφάλι και τα κέρατα έξω από την επιφάνεια. Ο μετρητής δείχνει 2 / 4, με κουμπί κλεισίματος επάνω, βέλη για την προηγούμενη και την επόμενη στα πλάγια και από κάτω τη λεζάντα για τα βουβάλια που βόσκουν και κολυμπούν στα ρηχά.

    Πραγματικές φωτογραφίες, με φίλτρο και σε πλήρη οθόνη

  • Η ενότητα «Πέντε διαδρομές που αξίζουν» σε κινητό, σε σκούρο πετρόλ: μια γραμμή που λέει ότι όλες ξεκινούν από το χωριό Κερκίνη και χωρούν σε μία μέρα, και από κάτω πέντε προορισμοί με τικ, ο καθένας με το όνομά του σε έντονα γράμματα και σύντομη περιγραφή —φράγμα Λιθοτόπου, Μανδράκι, Άνω Πορόια, Ροδόπολη & Βυρώνεια και Σέρρες— και ένας σύνδεσμος για τον οδηγό της λίμνης Κερκίνης.

    Πέντε εκδρομές που δίνουν λόγο στο αυτοκίνητο

  • Η σελίδα επικοινωνίας σε κινητό: τρία πλακίδια το ένα κάτω από το άλλο, για το τηλέφωνο +30 6986 911 811 με τη σημείωση ότι απαντά ο Σπύρος, για το WhatsApp +49 1520 2401637 με τη σημείωση ότι είναι το καλύτερο για φωτογραφίες και λεπτομέρειες, και για τη διεύθυνση Κερκίνη 620 55, Σέρρες, Κεντρική Μακεδονία, και από κάτω η ετικέτα των κρατήσεων και ο τίτλος «Τι να μας πείτε όταν επικοινωνήσετε».

    Κάθε τρόπος να βρείτε τον Σπύρο, σε δικό του πλακίδιο