Relaunch Logo
Das überarbeitete Logo der Stadtwerke Sinzig wirkt kraftvoller und moderner. Die alte kursive Schrift mit weißer Outline wurde durch eine klare Typografie ersetzt, die auch auf digitalen Endgeräten bestens lesbar ist.
Die Farben sind stärker kontrastiert – mit Blick auf Barrierefreiheit und optimale Darstellung im Web. Ergänzend gibt es verschiedene definierte Varianten, die für Konsistenz und Wiedererkennbarkeit sorgen, gleichzeitig aber flexibel in allen Medien einsetzbar sind.
Webdesign
Kundenbedürfnisse stehen im Mittelpunkt
Eine gut strukturierte Webseite für die Stadtwerke Sinzig stellt sicher, dass die Bedürfnisse der Besucher im Vordergrund stehen. Sie liefert zuerst Antworten auf alltägliche Fragen und schafft eine klare, benutzerfreundliche Navigation.
Allgemeine Informationen über das Unternehmen und seine Arbeit ergänzen das Angebot, stehen aber bewusst im Hintergrund.
Denn eines ist klar: Wer die Interessen seiner Kunden versteht und priorisiert, schafft eine Webseite, die nicht nur informiert, sondern echten Mehrwert bietet.
störungen!
Auf der Startseite bekommt man es in rot angezeigt: Es gibt Störungen und/oder Einschränkungen in der Wasserqualität.
Mit einem Klick auf die Box erfährt man mehr:
Auf einer Karte werden die Störungen als eindeutiges Symbol angezeigt.
Darunter eine Liste mit den Störungen und der Wasserqualität, wenn z.B. bei der Wartung eines Hochbehälters der Chloranteil erhöht werden muss.
Das Hinzufügen oder Löschen einer Störung ist kinderleicht: Einloggen – neue Störung erstellen – Formular ausfüllen – fertig!
Die Darstellung erfolgt Dynamisch:
Wird eine Störung erstellt, erscheint Sie in der Karte und in der Liste, auf der Startseite wird diese automatisch gezählt.
interaktiv
Für die Darstellung des Versorgungsgebiets wurde eine interaktive Karte gewünscht. Das eingesetzte Kartenmodul ermöglicht es, Marker, Linien und Flächen (Polygone) als Layer auf Google Maps oder OpenStreetMap zu platzieren – inklusive der Möglichkeit, individuelle Bilder anstelle klassischer Marker zu verwenden.
Im Gegensatz zu einer rein grafischen Lösung lassen sich so Standorte positionsgenau und dynamisch eintragen. Beim Klick auf einen Marker oder eine Fläche öffnet sich ein Popup-Fenster, das kurze Informationen zeigt und optional auf eine Detailseite weiterleitet.
Ergänzend dazu werden die Inhalte unterhalb der Karte in einem Karussell dargestellt. Egal ob der Nutzer in der Karte klickt oder im Karussell navigiert – er erhält gezielt weiterführende Informationen zum gewählten Punkt.
Aktuelles
Für die Darstellung des Versorgungsgebiets wurde eine interaktive Karte gewünscht. Das eingesetzte Kartenmodul ermöglicht es, Marker, Linien und Flächen (Polygone) als Layer auf Google Maps oder OpenStreetMap zu platzieren – inklusive der Möglichkeit, individuelle Bilder anstelle klassischer Marker zu verwenden.
Im Gegensatz zu einer rein grafischen Lösung lassen sich so Standorte positionsgenau und dynamisch eintragen. Beim Klick auf einen Marker oder eine Fläche öffnet sich ein Popup-Fenster, das kurze Informationen zeigt und optional auf eine Detailseite weiterleitet.
Ergänzend dazu werden die Inhalte unterhalb der Karte in einem Karussell dargestellt. Egal ob der Nutzer in der Karte klickt oder im Karussell navigiert – er erhält gezielt weiterführende Informationen zum gewählten Punkt.
Suchen Und finden
Ein zentraler Bestandteil der Website ist die intuitive und benutzerfreundliche Suchfunktion.
Per Klick auf das Lupen-Icon öffnet sich die Suche an derselben Stelle wie das Hauptmenü. Bereits während der Eingabe werden relevante Treffer in Echtzeit angezeigt – inklusive Überschrift und kurzem Textauszug.
Die Suche lässt sich auf bestimmte Beitragstypen einschränken, um gezieltere Ergebnisse zu liefern.
Mit einem Klick auf „Alle anzeigen“ gelangt man zur übersichtlichen Ergebnisseite mit sämtlichen Treffern.
Barrierefrei und schnell
Barrierefreiheit – 100 % zugänglich für alle
Die Website der Stadtwerke Sinzig ist zu 100 % barrierefrei und erfüllt die Anforderungen der WCAG 2.1 auf Level AA. Dabei wurde großer Wert auf digitale Zugänglichkeit gelegt – von der Konzeption bis zur finalen Umsetzung.
Um dies sicherzustellen, wurde die Seite mit verschiedenen Prüf-Tools getestet – unter anderem auf Kontraste, Tastaturbedienbarkeit, Screenreader-Kompatibilität und die Einhaltung semantischer HTML-Strukturen. Auch skalierbare Schriftgrößen und eine klare, verständliche Navigation tragen zur uneingeschränkten Nutzung bei.
Barrierefreiheit bedeutet nicht nur gesetzliche Verpflichtung, sondern auch echte digitale Teilhabe für alle.
