Fünf Websites. Ein System. Für alle zugänglich.

Barrierefreier Website-Relaunch für den EMERGY-Verbund

 

emergy_Relauch_mobile

Auf den Punkt gebracht

Zwei Stadtwerke, zwei Bäder und die EMERGY als Führungsgesellschaft. Dazu Gemeindewerke, ein Karrierebereich, ein Extranet und Landingpages für Kampagnen. Jede Marke mit eigener Website, eigener Pflege und einer technischen Basis, die in die Jahre gekommen war und viel Aufwand machte. Und Barrierefreiheit fehlte, während das Barrierefreiheitsstärkungsgesetz (BFSG) schon vor der Tür stand.

Die Aufgabe war also groß: alles neu, alles barrierefrei, und das zum Start des BFSG. Gleichzeitig sollte die Pflege für das Redaktionsteam leichter werden. Also haben wir den Verbund in ein TYPO3-Multi-Mandantensystem überführt: fünf Websites und ein Extranet, gepflegt in einem einzigen Backend.

Den Anfang machte die Informationsarchitektur. Hier wurden Navigationstiefen vereinheitlicht, Seiten zusammengelegt und Wege verkürzt. Dann kam ein Design, das jeder Marke ihre Farbwelt lässt und trotzdem aus einem Guss wirkt. Umgesetzt wurde das Ganze natürlich barrierefrei nach BFSG und EN 301 549.

Und weil eine Website erst durch ihre Inhalte lebendig wird, haben wir diese einfach gleich mitgeliefert: Content-Erstellung, Migration, SEO und Schulungen für TYPO3 und barrierefreies Redigieren. Kurz gesagt: einmal das komplette Paket.

Die Projekterfolge im Überblick

10 Monate von Kick-Off bis Go-Live

Start im September 2024, live im Juli 2025. In dieser Zeit entstanden Konzept, Design, Umsetzung und Content, passend zum Start des BFSG.

5+1 Websites in einem Backend

Fünf Websites und ein Extranet laufen in einem TYPO3-Mandantensystem. Die Redaktion pflegt alles an einem Ort, mit denselben Workflows für alle.

40 → 19 Contentseiten in Ebene 2

Bei den Bädern Aquarius und Coebad hat sich die zweite Navigationsebene mehr als halbiert. Wer nun etwas sucht, erreicht ab sofort schneller sein Ziel.

Navigationsstruktur vereinfachen

Weniger klicken, schneller schwimmen.

Die Bäder-Websites waren über die Jahre gewachsen, jede mit ihrer eigenen Navigationstiefe. Also haben wir sortiert, zusammengelegt und vereinheitlicht.

Das Ergebnis bei Aquarius und Coebad: Die Zahl der Hauptmenüpunkte blieb gleich. In der ersten Ebene wurden aus 12 Organisationseinheiten 8, in der zweiten aus 40 Contentseiten 19. Die dritte Navigationsebene, die es teilweise gab, ist komplett weggefallen. Weniger Seiten, kürzere Wege. Und mehr Zeit fürs Becken.

emergy_Relauch_Sitemap-nachher Nachher
emergy_Relauch_Sitemap-vorher Vorher

Pflegen statt basteln

Ein Backend für den ganzen Verbund

Wer im EMERGY-Verbund Inhalte pflegt, arbeitet jetzt in einem einzigen TYPO3‑Backend. Content-Elemente und Workflows sind für alle Mandanten gleich, News lassen sich zentral steuern. Das spart Einarbeitung, Abstimmung und doppelte Arbeit.

Bilder ohne Bildbearbeitung

Bilder werden direkt im Backend zugeschnitten und automatisch maskiert. Ein extra Grafikprogramm braucht niemand mehr.

Tarifrechner & Stellenbörse

Der Wilken-Tarifrechner ist per Widget eingebunden, die Stellenbörse ist direkt angebunden. Wer einen Tarif oder einen Job sucht, bleibt somit auf der Website.

Mehr Service für die Bäder

Shop mit Gutscheinen, ein Event-Modul und Gästebewertungen: Die Bäder-Websites können jetzt deutlich mehr als Öffnungszeiten.

„Der Website-Relaunch war auch für uns ein sehr umfangreiches, aber vor allem spannendes Projekt, bei dem wir immer auf die Unterstützung von VANCADO zählen konnten! Cool, dass wir nun nicht nur optisch neu aufgestellt sind, sondern auch allen Menschen das Lesen und Erleben unserer Seiten erleichtern können.“
Simone_Holtkamp_Portrait

Simone Holtkamp

Marketing Specialist, EMERGY

Drei Farbwelten, ein Multi-Mandanten-System 

Jede Marke im EMERGY-Verbund behält ihren eigenen Stil. Alle Content-Elemente erscheinen automatisch in den richtigen Corporate Colors, egal auf welcher Website sie eingesetzt werden. Gestaltungselemente, Text-Overlays und Bildmasken passen sich voll responsiv an.

Für die Redaktion heißt das: viel gestalterische Freiheit, kein Mehraufwand. Und das Corporate Design bleibt trotzdem konsistent.

Zur Stadtwerke Borken Website
Responsive Design des Stadtwerke Borken Relaunches
Aquarius Startseite
Responsive Design des Aquarius Bad Relaunches
Stadtwerke Borken Startseite
Nothing else matters
Responsive Design des Aquarius Sauna Relaunches
Aquarius Sauna Themenseite
Nothing else matters
emergy_Relauch_dublicate-content

Zwei Stadtwerke, zwei Stimmen.

Duplicate Content aufgelöst

Die Stadtwerke Borken und Coesfeld haben viele gleiche Themen. Entsprechend ähnlich waren ihre Websites: Die Texte wurden über Jahre nur leicht angepasst. Für Google war deshalb oft unklar, welche Seite für welche Stadt die richtige ist.

Im Relaunch haben wir die Inhalte für beide Stadtwerke mit KI-Unterstützung eigenständig umformuliert und vor der Migration auf Dopplungen geprüft. Das Ergebnis: Beide Websites werden sauber indexiert und werden nun im Kontext der jeweiligen Stadt gefunden.

Vom Farbkontrast bis zum Prüfergebnis

Barrierefrei bis ins Detail

Barrierefreiheit steckt in vielen kleinen Entscheidungen. Ein Color Contrast Grid legt fest, welche Farbkombinationen gut lesbar sind. Interaktive Bilder zeigen Informationen direkt im Motiv und sind auch per Tastatur bedienbar. Und der automatische Check von Google PageSpeed Insights vergibt 100 von 100 Punkten.

emergy_Relauch_Interactive-Image
emergy_Relauch_contrast-grid
emergy_Relauch_DBF

Gehen wir es an?

Sie möchten ein eigenes Projekt besprechen? Dann sprechen Sie mich an.

Melden Sie sich gerne auch für ein kostenloses Beratungsgespräch bei mir.