Eine komplette Website für eine Tauchschule: Kurse, Ausfahrten, Tauchreisen, Preisliste, Team und Kontakt – dreisprachig, in eigenem Design und ohne Entwickler pflegbar.
Deep Blue ist erfunden – die Aufgabe ist es nicht. Tauchschulen arbeiten oft mit Seiten, die vor Jahren entstanden sind: Preise als PDF, Galerie ohne Ordnung, nur eine Sprache, und jede Änderung geht über die Agentur.
Diese Demo zeigt, wie ein Neuaufbau aussehen kann: ein System, das die Schule selbst bedient, eine Gestaltung mit eigener Handschrift statt Template, und drei Sprachen für Gäste aus Österreich, Deutschland und Kroatien.
Grav statt WordPress mit Seitenbaukasten. Die Inhalte liegen als Dateien, es gibt keine Datenbank und keinen Plugin-Zoo zu warten. Ein Backup ist ein Ordner, ein Umzug ist ein Kopiervorgang.
Die englische Fassung ist die Quelle. Ein Skript verteilt die Preise in die deutschen und kroatischen Seiten – so laufen die drei Sprachfassungen nicht auseinander, was bei handgepflegten Preisen sonst zuverlässig passiert.
Jeder Inhaltstyp hat eigene Felder im Admin: Kurs mit Preis, Ausfahrt mit Rhythmus, Reise mit Zeitraum. Bilder kommen aus dem Seitenordner – kein Auswahlfeld, das man vergessen kann.
Englisch ist die Standardsprache, Deutsch und Kroatisch liegen darunter. Ein dezenter Hinweis schlägt die passende Sprache vor, statt Besucher automatisch umzuleiten – das mag weder der Besucher noch Google.
Gemessen mit Lighthouse auf dem Handy, gegen die laufende Seite:
| Seite | Performance | A11y | SEO |
|---|---|---|---|
| Startseite | 100 | 100 | 100 |
| Kurse | 100 | 100 | 100 |
| Ausfahrten | 100 | 100 | 100 |
| Preise | 100 | 100 | 100 |
| Kontakt | 100 | 100 | 100 |
| Deutsch / Kroatisch | 100 | 100 | 100 |
Best Practices liegen auf allen Seiten ebenfalls bei 100.
Die erste Fassung war funktional in Ordnung, sah aber aus wie viele Baukasten-Seiten: zentrierte Überschriften, Blau und Türkis, Karten mit Schatten. Die zweite Fassung hat eine eigene Palette, eine Serifenschrift für Überschriften und ein Raster, das nach Print aussieht statt nach Vorlage.