Stadtwerke Neumünster

Wie entwickelt man ein digitales Ökosystem?

swn.net Website Relaunch 2025

Das Projekt

Eine neue Stadtwerke-Website. Klingt so aufregend, wie die Stromrechnung im Briefkasten. Die Stadtwerke Neumünster sind da auf den ersten Blick keine Ausnahme – doch hier ging es um mehr. Sehr unterschiedliche Produkte und Services mussten unter einen Hut gebracht werden: Strom, Gas, Fernwärme, Wasser. Glasfaser. ÖPNV. Bad. Wertstoffzentrum. Ein Konglomerat, das digital etwa so übersichtlich war wie der Pariser Flughafen.

Der Auftrag? Alle Leistungen in eine Website verwandeln, die nicht nur gut aussieht, sondern auch performt. Die Barrierefreiheit nach WCAG-Richtlinien erfüllt. Die sicher ist. Die einfach funktioniert. Und die das Content-Team nicht in den Wahnsinn treibt, wenn es mal schnell einen Tarif ändern muss. 

Bereit für den nächsten strategischen Schritt

Über Jahre war der Webauftritt recht wild gewachsen. Veraltete Navigation. Bestellstrecken, die an drei verschiedene Systeme andockten. Technische Sicherheitslücken.

Hinzu kam eine neue Anforderung: regionale Kund:innen aus Neumünster und bundesweite Nutzer:innen für Commodity-Angebote gezielter anzusprechen. Und zwar so, dass sich beide Gruppen nicht auf die Füße treten. Das Visual zeigt unsere ersten Weichenstellungen in der neuen User-Führung. 

Von Persona zu User Journey – ohne Bullshit-Bingo

Wir begannen dort, wo jedes gute Projekt beginnt: bei den Menschen, die die Website tatsächlich nutzen. Ferdinand Ferne, zum Beispiel. Pragmatischer Geschäftsführer. Sucht Zuverlässigkeit, Wirtschaftlichkeit, Komfort. Hat keine Lust, sich durch fünf Unterseiten zu klicken, nur um herauszufinden, ob Glasfaser verfügbar ist.

Aus solchen Personas entwickelten wir User Journeys, die ein klares Ziel haben: maximal zwei Klicks bis zur Aktion. Fernwärmebuchung. Glasfaser-Check. Tarifauswahl. Fertig. Keine Umwege. Keine Redundanzen.

Die Trennung zwischen regionalen und bundesweiten Angeboten zieht sich konsequent durch die gesamte Informationsarchitektur.

Mobile First. Barrierefrei. Ohne Kompromisse.

Die meisten Nutzer:innen kommen per Smartphone. Also haben wir von Anfang an mobile gedacht, nicht "desktop first mit mobilem Anhängsel". Jede Funktion, jedes Angebot, jeder Service – optimiert für den Daumen.

Barrierefreiheit war kein Häkchen auf der Checkliste, sondern Grundprinzip. Semantisches HTML. Kontrastreiche Farbschemata. Tastaturnavigation. Die Website wurde von der Prüfstelle für barrierefreie IT zertifiziert. Nicht, weil es Pflicht ist, sondern weil es richtig ist.

Zudem entwickelten wir ein Sicherheitskonzept, das nicht kleckert. Alte Frame-Technologien? Weg. Schnittstellen? Neu konzipiert. Datenhandling im Backend? Sicher. Das Ergebnis: eine technische Architektur, die nicht beim ersten Windstoß umfällt.

5-D-Framework: Agil, transparent, effektiv

Discovery. Definition. Design. Develop. Deliver. Unser bewährtes 5-D-Framework, angepasst an die Bedürfnisse der SWN. Besonderheit: Das Kundenteam war vollständig in agile Sprints über Trello, Jira, Confluence und Teams integriert. Transparenz ist kein Buzzword bei uns, sondern Arbeitsweise.

In der Design-Phase bauten wir ein modulares Library-System, das dem Content-Team künftig erlaubt, Seiten flexibel und CD-konform aufzubauen. Jedes Modul folgt klaren Gestaltungsprinzipien: prägnante Headlines, fokussierte Absätze, minimale Formatierung. SEO-relevante Inhalte sind keine Fremdkörper, sondern sinnvolle Ergänzung der transaktionalen Angebote.

Die Typo3-Entwicklung verzichtet bewusst auf externe Frames und Brückentechnologien. Stattdessen integrierten wir Schnittstellentechnologien wie das ITC Online-Serviceportal nahtlos. Shop-Systeme für Commodities optimiert. Bestellstrecken für komplexe Produkte wie Fernwärme-Anschlüsse intuitiv gestaltet.

Das Backend? Nutzerfreundlich. Die Redakteur:innen der SWN können Inhalte eigenständig pflegen. Ohne technische Hürden. Mit durchdachtem Berechtigungskonzept.

Digital. Effizient. Vertriebsstark.

Das Ergebnis macht das neue Markenimage der SWN erlebbar: grün, effizient, innovativ. Wachstumsthemen wie Glasfaser werden prominent inszeniert. Servicequalität durch 24/7-digitale Angebote unterstrichen. Komplexität durch klare Informationsarchitektur aufgelöst.

Die neue Online-Präsenz ist mehr als ein Website-Relaunch. Sie ist eine vertriebsorientierte digitale Plattform, die Nutzer:innen intuitiv zu ihrem Ziel führt. Ohne Umwege. Ohne Nervkram.

Kompetenzen im Team Webrelaunch

Teamplay: Vom ersten Briefing bis zum Go-Live

Ein Website-Relaunch wie der, der SWN ist Teamplay und erfordert unterschiedlichste Spezialisten. Zu unserem Portfolio in diesem Projekt zählten u. a.: 

  • Strategische Konzeption: 
    Wir haben die digitale Strategie entwickelt, die Nutzerbedürfnisse, Markenwerte und technische Anforderungen zu einem klaren Leitfaden für den Relaunch verbindet.
  • UX-/UI-Design: 
    Mit einem modernen, nutzerzentrierten Design haben wir eine klare und intuitive Benutzerführung geschaffen – für ein durchgängig stimmiges Nutzererlebnis.
  • Typo3-Entwicklung & Programmierung: 
    Wir haben die Website auf Basis von TYPO3 entwickelt – mit flexiblen Modulen, stabiler Performance und einer redaktionsfreundlichen Struktur für einfache Pflege im Alltag. Hinzu kommt eine große Zahl an Schnittstellen für die jeweiligen Services. 
  • Barrierefreiheit-Implementierung: 
    Wir haben die Website so konzipiert und umgesetzt, dass sie für alle Menschen zugänglich ist – inklusive optimierter Lesbarkeit, Kontraste und Tastaturnavigation.
  • SEO-Optimierung: 
    Technisch und inhaltlich auf Sichtbarkeit ausgelegt: Wir haben Struktur, Content und Meta-Daten gezielt optimiert, um das Ranking nachhaltig zu stärken.
  • Projektmanagement nach 5-D-Framework: 
    Unser strukturiertes Vorgehen im 5-D-Framework hat den Prozess von der Definition bis zur Delivery effizient, transparent und zielgerichtet gemacht.
  • Content-Strategie: 
    Wir haben eine Content-Architektur entwickelt, die Informationen klar gliedert, Inhalte gezielt lenkt und die Markenbotschaft konsistent transportiert.
  • Sicherheitsarchitektur: 
    Durch ein abgestimmtes Sicherheitskonzept und aktuelle Standards stellen wir den langfristig stabilen und geschützten Betrieb der Website sicher.

„Seit vielen Jahren begleitet uns dreizunull zuverlässig, kreativ und mit einem feinen Gespür für unsere Marke. Wir schätzen besonders, dass sie uns wirklich verstehen, wir gemeinsam Ideen weiterdenken und den Mut haben, stets neue Wege zu gehen.
 

Für unseren Website-Relaunch und das neue Corporate Design hätten wir uns keinen besseren Partner an unserer Seite wünschen können.

Catharina Haberland | Leiterin Marketing & Markenstrategie

Ansprechpersonen

Ähnliche Projekte

Diese Projekte könnten Sie auch interessieren