Zurück zum Portfolio
Kerkini Boat — Barrierefreie Bootsfahrten, Unterkunft & Mietwagen

Kerkini Boat — Barrierefreie Bootsfahrten, Unterkunft & Mietwagen

2 Tage Design & Entwicklung
Kerkini Boat ist ein Familienunternehmen im Dorf Kerkini bei Serres: Spyros Sfetkos fährt das erste Boot des Sees, das für Rollstühle gebaut wurde. Das Deck ist eben, eingestiegen wird über eine breite Rampe auf Deckhöhe, niemand wird aus dem Rollstuhl gehoben, und 8 bis 10 Rollstühle finden samt Begleitung unter 35 Plätzen an Bord Platz. Die Erläuterungen gibt es auf Wunsch in griechischer Gebärdensprache, wenn das bei der Buchung vereinbart wird. Dieselbe Familie vermietet außerdem eine Ferienwohnung und Autos, also muss die Website drei Angebote vorstellen, ohne das eine zu begraben, das dieses Unternehmen besonders macht. Griechisch führt, Englisch folgt — als zwei vollständige Dateisätze mit gleichen Namen und gleicher Struktur, nicht als Textbausteine, die ein Skript austauscht. Die Seite ist ebenso für Suchmaschinen-Crawler und KI-Assistenten geschrieben wie für Menschen; deshalb liegt neben einer handgeschriebenen llms.txt eine generierte Volltextfassung aller Seiten. Es gibt kein Framework und keinen Build-Schritt, und nichts wird von Dritten geladen: Schriften und Animationsbibliothek kommen vom eigenen Host, was die Datenschutzerklärung ausdrücklich festhält. Bewegung ist Dekoration und fällt auf drei getrennten Wegen weich aus, sodass eine Seite ohne JavaScript trotzdem alles zeigt, was sie zu sagen hat.

Technologien

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

Herausforderungen

Eine Website über Zugänglichkeit darf beim Thema Zugänglichkeit nicht vage werden. Das Boot ist wirklich rollstuhlgerecht; die Ferienwohnung, ein traditionelles Dorfhaus, ist es nicht — und genau das auf derselben Website klar zu sagen, ohne das Geschäft zu beschädigen, war die schwierigste Entscheidung im Text. Drei Angebote konkurrieren zudem um eine Startseite, jedes mit eigenem Publikum aus einer anderen Suche: die Fahrt, die Unterkunft, das Auto. Gebucht wird ausschließlich per Telefon und WhatsApp, ohne E-Mail-Adresse und ohne Formular, also musste jede Seite den nächsten Schritt ohne den üblichen Kontakttrichter offensichtlich machen. Und das Publikum teilt sich in griechische Gäste und internationale Vogelbeobachter, Fotografinnen und Behindertenverbände — keine der beiden Sprachen durfte also das Anhängsel sein, das ein JavaScript-Umschalter erzeugt.

Lösungen

Griechisch und Englisch erscheinen als zwei vollständige Seitensätze mit gleichen Dateinamen und gleicher Struktur, jeweils mit eigenem Canonical, hreflang und strukturierten Daten — beide lesen sich also auch mit abgeschaltetem JavaScript korrekt. Kopfzeile, Navigationsschublade und Fußzeile werden aus gemeinsamen Partials in alle 22 Seiten geschrieben, und ein Prüfskript validiert Links, Dateien, Alt-Texte, Überschriftenfolge, Canonicals, strukturierte Daten und ein Budget von 150 KB pro Bild, bevor irgendetwas hochgeht — es gibt keine CI, die Kontrollen laufen auf der Kommandozeile. Barrierefreiheit wurde gemessen statt angenommen: 3.055 Textknoten über alle 22 Seiten in zwei Breiten, kein einziger Kontrastfehler und kein horizontales Scrollen zwischen 320 und 1920 Pixeln. Die Erklärung zur Barrierefreiheit listet auf, was das Boot bietet, und sagt klar, dass die Wohnung nicht vollständig zugänglich ist; Kapazität und Gebärdensprach-Erläuterung stehen in den strukturierten Daten; Schriften und Skripte sind selbst gehostet, sodass kein Gast an Dritte weitergereicht wird.

Projekt besuchen

Galerie

Drei Karten unter der Überschrift „Drei Angebote. Ein Gastgeber.“: die roten Sitzreihen des Bootes, die Steinwohnung mit Garten und ein weißer Mietwagen, jede Karte mit eigenem Link.
Drei Angebote, eine Familie, eine Reihe
Eine dunkelpetrolfarbene Tafel mit der Überschrift „Das erste Boot des Sees, gebaut für alle“ und vier Punkten: ebener Einstieg, 8–10 Rollstühle unter 35 Plätzen, griechische Gebärdensprache sowie Sicherung und Sicherheit.
Das Argument, das dieses Unternehmen trägt — in vier Punkten
Die FAQ zur Bootsfahrt mit einer geöffneten Antwort: Eine Fahrt dauert etwa 60 bis 90 Minuten, Abfahrten werden das ganze Jahr über vereinbart, und früher Morgen und später Nachmittag eignen sich am besten für Vögel und Fotografie.
Die Fragen vom Telefon — beantwortet vor dem Anruf
Ein Foto von zwei Krauskopfpelikanen im Flachwasser neben einem Text über die Art, darunter eine Herde Wasserbüffel, die im See weidet.
Ein Führer durch das Feuchtgebiet, keine Broschüre
Die Unterkunftsseite: ein Foto des Steinhauses mit Garten neben einem Text über eigene Küche, eigenes Bad, eigene Veranda und eigenen Eingang, darunter eine Buchungsschaltfläche.
Ein Haus im Dorf, gebucht über Airbnb
Vier Karten — Versicherung, unbegrenzte Kilometer, Lieferung nach Wunsch, keine versteckten Gebühren — über einer Tabelle mit Mindestalter, Dokumenten, Kraftstoff und Grenzübertritt.
Preise auf Anfrage, Bedingungen offen sichtbar
Die Galerieseite: fünf Kategorie-Chips über einem Raster mit Fotos von Boot, Pelikanen, Wasserbüffeln, Störchen und einem Mietwagen.
Echte Fotos, nach Kategorie gefiltert
Drei Kontaktkacheln — Telefon, WhatsApp und Adresse — über einer Checkliste, was bei der Buchung zu nennen ist, etwa wie viele Rollstühle und ob sie elektrisch sind.
Kein Formular, keine E-Mail: zwei Nummern und eine Checkliste
Die Erklärung zur Barrierefreiheit mit dem Angebot des Bootes — ebenes Deck und Rampe, Platz für 8 bis 10 Rollstühle, Fahrgäste bleiben im eigenen Stuhl — gefolgt von einem Absatz über die Ferienwohnung.
Die Seite, die auch sagt, was nicht zugänglich ist
Die englische Startseite mit denselben drei Angebotskarten unter der Überschrift „Three services. One host.“
Englisch ist ein zweiter Seitensatz, kein Umschalter