Retour au portfolio
Kerkini Boat — Sorties en Bateau Accessibles, Hébergement & Location de Voiture

Kerkini Boat — Sorties en Bateau Accessibles, Hébergement & Location de Voiture

2 jours Design & Développement
Kerkini Boat est une entreprise familiale du village de Kerkini, dans le nome de Serres : Spyros Sfetkos y exploite le premier bateau du lac conçu pour les fauteuils roulants. Le pont est plat, l'embarquement se fait par une large rampe de plain-pied, personne n'est soulevé hors de son fauteuil, et 8 à 10 fauteuils tiennent à bord avec leurs accompagnants, sur 35 places. Le commentaire peut être donné en langue des signes grecque, si c'est convenu à la réservation. La même famille loue aussi un appartement indépendant et des voitures : le site doit donc présenter trois services sans enterrer celui qui rend l'entreprise singulière. Le grec ouvre et l'anglais suit, sous forme de deux jeux de fichiers complets aux mêmes noms et à la même structure, et non de chaînes permutées par un script — le site est écrit pour être lu par les robots d'indexation et les assistants IA autant que par des humains, d'où un llms.txt rédigé à la main accompagné d'une version texte intégral générée. Ni framework ni étape de build, et rien n'est chargé chez un tiers : les polices et la bibliothèque d'animation viennent du même hôte, ce que la politique de confidentialité indique noir sur blanc. Le mouvement est décoratif et se dégrade proprement de trois façons, si bien qu'une page dont le JavaScript n'arrive jamais montre quand même tout ce qu'elle a à dire.

Technologies

HTML5 CSS3 Vanilla JS GSAP 3 JSON-LD Bilingual EL/EN WCAG 2.2 AA llms.txt Self-hosted fonts SEO

Défis

Un site qui parle d'accessibilité ne peut pas rester vague sur l'accessibilité. Le bateau est réellement accessible en fauteuil roulant ; l'appartement, une maison de village traditionnelle, ne l'est pas — et le dire clairement, sur le même site, sans desservir l'entreprise, a été la décision la plus délicate de la rédaction. Trois services se disputent par ailleurs une seule page d'accueil, chacun venant d'une recherche différente : la sortie sur l'eau, le logement, la voiture. Les réservations se font uniquement par téléphone et WhatsApp, sans adresse e-mail ni formulaire : chaque page devait donc rendre l'étape suivante évidente sans l'entonnoir de contact habituel. Et le public se partage entre visiteurs grecs et ornithologues, photographes et associations de personnes handicapées venus de l'étranger : aucune des deux langues ne pouvait être le parent pauvre que produit un sélecteur en JavaScript.

Solutions

Le grec et l'anglais existent en deux jeux de pages complets, mêmes noms de fichiers et même structure, chacun avec son canonical, son hreflang et ses données structurées : les deux se lisent donc correctement sans JavaScript. En-tête, tiroir de navigation et pied de page sont générés dans les 22 pages depuis des partials communs, et un vérificateur contrôle liens, fichiers, textes alternatifs, ordre des titres, canonicals, données structurées et un budget de 150 Ko par image avant toute mise en ligne — il n'y a pas de CI, les garde-fous tournent en ligne de commande. L'accessibilité a été mesurée, pas supposée : 3 055 nœuds de texte sur les 22 pages à deux largeurs, aucun échec de contraste et aucun défilement horizontal entre 320 et 1920 pixels. La déclaration d'accessibilité énumère ce qu'offre le bateau et dit clairement que l'appartement n'est pas entièrement accessible ; la capacité et le commentaire en langue des signes figurent dans les données structurées ; polices et scripts sont auto-hébergés, donc aucun visiteur n'est confié à un tiers.

Visiter le projet

Galerie

Trois cartes sous le titre « Trois services. Un hôte. » : les rangées de sièges rouges du bateau, l'appartement en pierre et son jardin, et une voiture de location blanche, chaque carte avec son propre lien.
Trois services, une famille, une seule rangée
Un panneau bleu-vert foncé titré « Le premier bateau du lac conçu pour tous », avec quatre points : embarquement de plain-pied, 8 à 10 fauteuils sur 35 places, langue des signes grecque, arrimage et sécurité.
L'argument qui porte l'entreprise, en quatre points
La FAQ de la sortie en bateau, une réponse ouverte : la promenade dure environ 60 à 90 minutes, les départs se conviennent toute l'année, et le petit matin comme la fin d'après-midi conviennent le mieux aux oiseaux et à la photo.
Les questions posées au téléphone, réglées avant l'appel
Une photo de deux pélicans frisés dans les hauts-fonds à côté d'un texte sur l'espèce, et en dessous un troupeau de buffles d'eau paissant dans le lac.
Un guide de la zone humide, pas une brochure
La page hébergement : une photo de la maison en pierre et de son jardin à côté d'un texte sur la cuisine, la salle de bain, la véranda et l'entrée privatives, avec un bouton de réservation en dessous.
Une maison au village, réservée via Airbnb
Quatre cartes — assurance, kilométrage illimité, livraison où vous voulez, aucun frais caché — au-dessus d'un tableau de conditions : âge minimum, documents, carburant et passage de frontière.
Prix sur demande, conditions bien en vue
La page galerie : cinq puces de catégories au-dessus d'une grille de photos du bateau, de pélicans, de buffles d'eau, de cigognes et d'une voiture de location.
De vraies photos, filtrées par catégorie
Trois tuiles de contact — téléphone, WhatsApp et adresse — au-dessus d'une liste de ce qu'il faut préciser en réservant, dont le nombre de fauteuils et s'ils sont électriques.
Ni formulaire ni e-mail : deux numéros et une liste
La déclaration d'accessibilité énumérant ce qu'offre le bateau — pont plat et rampe, place pour 8 à 10 fauteuils, passagers restant dans leur propre fauteuil — suivie d'un paragraphe sur l'appartement.
La page qui dit aussi ce qui n'est pas accessible
La page d'accueil anglaise avec les mêmes trois cartes de services sous le titre « Three services. One host. »
L'anglais est un second jeu de pages, pas un bouton