Seit dem 10. Oktober 2026 läuft trelleborgfaehre.de in neuer Gestaltung. Das unabhängige Informationsportal erklärt die Fähre Rostock–Trelleborg mit TT-Line und Stena Line, dazu die Routen ab Sassnitz und Stralsund nach Trelleborg, und es versammelt Ratgeber zu Schweden, zum Wohnmobil, zum Hund und zu Kurzreisen mit Fähre und Hotel. Zusammen sind das 150 Seiten.
Drei Generationen, sieben Kopfzeilen
Das Portal war über Jahre Seite für Seite gewachsen. Drei Template-Generationen standen nebeneinander, es gab sieben Varianten der Kopfzeile, und das Logo erschien in drei Schreibweisen: „TrelleborgFähre.de“, „Rostock - Trelleborg“ und „Fähre Rostock-Trelleborg“. Ein Klick von der Startseite in einen Ratgeber führte oft in eine andere Kopfzeile mit anderem Logo.
Unter der Oberfläche sah es ähnlich aus. Jede Seite trug zwischen 12 und 22 KB eigenes Inline-CSS. Emoji dienten als Icons und standen auf über 100 Seiten in Überschriften und Buttons. Gesetzt war in Helvetica oder Arial, die Kartenbibliothek und auf einzelnen Seiten auch Bootstrap und jQuery kamen von fremden CDNs. Auf dem Smartphone fehlte eine feste Buchungsleiste.
Ein Design-Layer über dem Bestand
Neu gebaut wurde nichts. Wie schon bei barcelonamallorca.com, hirtshalskristiansand.de, rostockgedser.de, schwedenticket.de und bahamashopping.com liegt die neue Gestaltung als Schicht über den vorhandenen Seiten: ein zentrales Stylesheet und ein Skript, die über dem bisherigen Seiten-CSS laden. Header, Breadcrumb, Footer und die Leiste für das Smartphone entstehen aus Vorlagen. Ein Skript legt sie über alle Seiten, und zwar idempotent, es lässt sich also beliebig oft laufen, ohne etwas doppelt einzubauen. Danach vergleicht eine Prüfroutine jede einzelne Seite mit dem Stand vor dem Relaunch.
Das Ergebnis dieser Prüfung ist der eigentliche Grund für das Vorgehen. Inhalte, URLs, Titel, Meta-Beschreibungen, Canonicals und die bestehenden strukturierten Daten blieben byte-identisch, alle Partnerlinks im Inhalt sind in gleicher Zahl vorhanden. Entfernt wurden 3.119 alte Kopf- und Fußzeilenlinks und 1.863 Emoji aus Überschriften und Buttons; im Fließtext bleiben die Emoji stehen. 121 Seiten erhielten zusätzlich BreadcrumbList-Daten, das Inline-CSS schrumpfte um 26 Prozent. Auf 17 Seiten standen Bildnachweise in den alten Fußzeilen; diese Nachweise wurden gerettet und bleiben als eigener Block erhalten.
Gestaltung und Bedienung
Die Gestaltung folgt einer kleinen, festen Palette und einer Schrift, die auf dem eigenen Server liegt:
- Farben. Marineblau (#0B2545), Schwedenblau (#1E5AA8) und Sand (#F5F2EA) als Flächenfarbe. Gelb (#FFCD00) ist den Buchungs-Buttons vorbehalten, die Schrift darauf ist dunkel.
- Schrift. Figtree, selbst gehostet unter der SIL Open Font License.
- Marke. Eine neue Wort-Bild-Marke mit einer Fähre auf zwei Wellen, dazu ein Favicon-Set.
- Hero-Foto. Die Nils Holgersson von TT-Line auf See, aufgenommen von Karl-Heinz Hazlerick (Wikimedia Commons, CC BY-SA 4.0), mit Bildnachweis direkt im Hero.
- Navigation. Sieben Bereiche: Fahrplan & Preise, Reedereien, Routen, Terminal & Anreise, Wohnmobil & Hund, Schweden entdecken, Kurzreisen.
Auf dem Smartphone öffnet das Menü als Schublade, bedienbar per Tastatur, mit Fokusfalle und Escape zum Schließen. Die feste Leiste am unteren Rand bietet zwei Buttons, „TT-Line buchen“ und „Stena Line buchen“. Erst wenn der Seitenkopf aus dem Bild gescrollt ist, blendet die Leiste sich ein. Einen Preis nennt die Leiste bewusst nicht, denn Preise ändern sich. Tabellen scrollen in eigenen Containern. Die Kontraste liegen bei mindestens 4,5:1; Gelb als Textfarbe wurde dafür zu einem dunklen Gold abgedunkelt. Wer in den Systemeinstellungen reduzierte Bewegung gewählt hat, bekommt keine Animationen.
Beim Datenschutz ist das Portal einfacher geworden. Google Fonts und CDNs gibt es nicht mehr, Leaflet und Bootstrap liegen auf dem eigenen Server. Extern laden nur noch die Kartenkacheln von OpenStreetMap, das steht in der Datenschutzerklärung. Neu sind die Seiten „Erklärung zur Barrierefreiheit“ (WCAG 2.1 AA, Barrierefreiheitsstärkungsgesetz) und „Bildnachweise“. Das Portal arbeitet weiterhin ohne Cookie-Banner und ohne Tracking.
Fahrplan und Buchung
Die Seite „Fahrplan & Preise“ beginnt mit einer Schnellantwort-Karte. Darunter folgt ein marineblauer Block, der Tagesfahrplan-Check für Stena Line, mit Formular für Datum und Richtung. Der gelbe Button steht auch hier für das Buchen und für nichts anderes.
Messwerte und Auslieferung
Gemessen wurde mit Google Lighthouse, mobil, auf den Live-Seiten, jeweils vor und nach dem Relaunch. Die Reihenfolge ist Performance, Barrierefreiheit, Best Practices.
„Fahrplan & Preise“ ging von 100, 94, 96 auf 99, 95, 100. Der Wohnmobil-Ratgeber von 100, 96, 96 auf 96, 96, 100. Die Startseite von 99, 94, 96 auf 85, 98, 100.
Die 85 sind der Preis des Foto-Heros: Das große Bild und das aufwendigere erste Layout kosten auf der Startseite Ladezeit. Dafür stieg die Best-Practices-Wertung auf allen drei Seiten auf 100 und die Barrierefreiheit auf zweien von dreien, bei der Wohnmobil-Seite blieb sie gleich.
Ausgeliefert wurde sequenziell, 180 Dateien, danach wurde jede Datei live gegen das Repository geprüft. 148 URLs gingen per IndexNow an die Suchmaschinen. Für den Fall, dass etwas schiefgeht, liegt der Stand vor dem Relaunch unter einem Git-Tag und lässt sich zurückholen. kielgoeteborg.de ist am selben Tag nach demselben Muster umgestellt worden, calais-dover-ferry.de folgt.