Am 12. September 2026 ist für barcelonamallorca.com ein kompletter Design-Relaunch live gegangen. Das Portal bündelt für Voxmara die Fährverbindungen zwischen Barcelona und Mallorca mit den Reedereien Baleària, Trasmed und GNV, in vier Sprachversionen und auf mittlerweile 263 Seiten. Damit zählt es zu den größeren Einzeltiteln im Voxmara-Portfolio.
Gewachsen, aber gestalterisch stehengeblieben
Das Portal ist seit 2024 inhaltlich gewachsen. Gestalterisch war es stehengeblieben: kein Logo, kein Favicon, jede Seite mit einem eigenen Stylesheet, Navigation und Fußzeile von Seite zu Seite unterschiedlich. Schriften und Framework kamen von externen CDNs. Für einen Auftritt mit 263 Einzelseiten in vier Sprachen war das ein Zustand, der sich mit jeder neuen Seite verschärfte.
Ein Design-System statt eines Neubaus
Der Relaunch hat über den bestehenden Inhalten eine neue Ebene eingezogen: ein globales Design-System mit einheitlichem Header, einheitlicher Fußzeile, einer Typografie- und Farbskala und wiederkehrenden Bausteinen für alle 263 Seiten. Statt jede Seite einzeln zu überarbeiten, wurde die Gestaltung an einer zentralen Stelle definiert und auf den gesamten Bestand angewendet. Inhalte, URLs, Titel und strukturierte Daten blieben unverändert, damit die bestehenden Suchmaschinen-Rankings von der Umstellung unberührt bleiben.
Bei einem gewachsenen Portal dieser Größe ist ein Relaunch eine Sanierung im laufenden Betrieb, kein Neubau.
Was sich für Nutzer ändert
Sichtbar wird die Umstellung an einer Reihe konkreter Neuerungen:
- Wort-Bild-Marke. „barcelona → mallorca" mit Fährsymbol und ein vollständiges Favicon-Set.
- Farbwelt. Dunkles Marineblau, Meerblau und Sand als Grundpalette, Sonnengelb für Buchungs-Buttons.
- Schrift. DM Sans, selbst gehostet statt über ein externes CDN geladen.
- Mobile Bedienung. Sticky Kopfzeile mit Menü-Schublade, ein Sprachmenü, das direkt zur passenden Sprachfassung derselben Seite führt, eine feste Buchungsleiste am unteren Bildschirmrand und Tabellen, die in eigenen Containern scrollen, statt das Layout zu sprengen.
- Barrierefreiheit. Sichtbare Tastaturfokus-Markierung, ein Sprunglink zum Inhalt, Kontraste ab 4,5:1, per Tastatur bedienbare Menüs, reduzierte Animationen bei entsprechender Systemeinstellung sowie eine neue Seite „Erklärung zur Barrierefreiheit".
Die Orientierung an WCAG 2.1 AA und am Barrierefreiheitsstärkungsgesetz, das seit dem 28. Juni 2025 gilt, gehörte von Anfang an zum Grundgerüst des Design-Systems. Beim Datenschutz galt dieselbe Logik: Google Fonts und externe CDNs sind aus dem Portal verschwunden, Schriften und Framework liegen jetzt auf dem eigenen Server.
Google Lighthouse misst den Effekt auf der Startseite in der mobilen Ansicht: Der Performance-Wert stieg von 49 auf 75, der Wert für Barrierefreiheit von 95 auf 98. Die Layoutverschiebung beim Laden (CLS), also das Springen von Inhalten während des Ladevorgangs, liegt bei null.
Einordnung für das Portfolio
Unabhängige Route-Portale wie barcelonamallorca.com konkurrieren mit den Buchungsseiten der Reedereien und mit großen Vergleichsplattformen. Der Zugriff erfolgt überwiegend mobil, und die gesetzlichen Anforderungen an Datenschutz und Barrierefreiheit sind gestiegen. Unter diesen Bedingungen ist ein Relaunch wie dieser die Voraussetzung, um sichtbar und nutzbar zu bleiben, keine Kosmetik. Weitere Portale im Voxmara-Portfolio sollen nach demselben Muster folgen: ein Design-System pro Portal, Inhalte und Rankings unangetastet.