Chatten Sie mit uns
Zurück nach oben

Digitale Neuausrichtung mit klarer Struktur und nativer WordPress Umsetzung

Für die Energiebranche in Thüringen haben wir einen strukturierten Website Relaunch geliefert. Wir haben die Informationsarchitektur erneuert, Menü und Footer nutzerorientiert gestaltet und Beiträge in News, Projekte und Stellenanzeigen getrennt. Die Case Study dokumentiert den Weg von der Struktur über das Design bis zur Programmierung sowie die Ergebnisse auf der Referenz und Karriereseite.

Unser Kunde

Rohn ist ein Unternehmen aus Thüringen mit Fokus auf erneuerbare Energien. Das Angebot umfasst die Planung, Installation und Betreuung von Wärmepumpen und Solaranlagen von der Beratung bis zur Inbetriebnahme und zum Service.

  • Branche: Energie und Gebäudetechnik
  • Standort: Paitzdorf, Deutschland
  • Leistung: Installateur von Wärmepumpen

Die Ausgangssituation

Die bestehende Website mischte Inhalte ohne klare Trennung. Stellenanzeigen, News und Projekte erschienen in einem gemeinsamen Strom. Die Menüführung war nicht konsequent an der Nutzung ausgerichtet und die Fußzeile führte nicht verlässlich zu zentralen Einstiegen. Die Referenzen lagen in pluginbasierten Lösungen und die Redaktion hatte keine vollständige Kontrolle. Barrierefreiheit war nicht beauftragt, doch die spätere Skalierbarkeit erforderte eine belastbare Grundlage.

Unser Lösungsansatz

Wir trennten die Inhalte in eigenständige Content Typen für News, Projekte und Stellen. Wir planten die Navigation entlang typischer Nutzungspfade der Zielgruppen. Wir gestalteten Design und Code barrierearm, um eine belastbare Grundlage für mögliche spätere Anforderungen zu schaffen. Wir setzten die Referenzen nativ in WordPress um, um Abhängigkeiten zu reduzieren und die Pflege zu erleichtern. Wir arbeiteten iterativ mit klaren Feedbackschleifen je Phase.

Zur strukturierten Migration der bestehenden Inhalte und zur klaren Neuausrichtung des Webauftritts von Rohn haben wir die folgenden Leistungsbausteine umgesetzt.

  • Informationsarchitektur

    Informationsarchitektur

    Neustrukturierung der Inhalte und Definition klarer Seitentypen mit eindeutigen Sektionen. Abbildung typischer Nutzungspfade und Vereinfachung der Pflege.

  • Content Trennung in News, Projekte und Stellen

    Content Trennung in News, Projekte und Stellen

    Lösung für den gemischten Beitragsstrom durch Einführung eigenständiger Content Typen für News, Projekte und Stellenangebote. Bereitstellung passender Vorlagen für zielgerichtete Erfassung und Ausgabe.

  • Barrierearme Gestaltung

    Barrierearme Gestaltung

    Berücksichtigung von Kontrasten, Semantik und Tastaturnutzung. Grundlage für spätere Accessibility Erweiterungen.

  • Referenzseite als eigenständiges Feature

    Migration der bestehenden Referenzen. Ausgabe in einer Kartenansicht mit darunter liegenden Detailansichten. Redaktionelle Pflege im System ohne Plugin Abhängigkeit.

Referenzen auf Karte mit Detailansichten

Projekte erscheinen oben auf einer interaktiven Karte. Ein Klick zeigt Standort und Anzahl der realisierten Projekte in der Region. Darunter folgen Kacheln mit Bild, Kurztext und dem ausgeführten Leistungsumfang. Die Lösung wurde nativ in WordPress umgesetzt und ist für Mobil, Tablet und Desktop optimiert. Inhalte lassen sich ohne Abhängigkeit von einzelnen Plugins pflegen.

Highlights des neuen Shops

  • Barrierearme Basis trotz nicht beauftragter Barrierefreiheit.
  • Saubere Inhaltsverwaltung durch getrennte News, Projekte und Stellen.
  • Navigation nach Customer Journey positioniert.
  • Native WordPress Umsetzung unabhängig von spezifischen Plugin.
  • Ansprechende Aufbereitung der Stellenanzeigen.

Ergebnisse und Auswirkungen

Die Orientierung auf der Website verbesserte sich durch die neue Navigation und die getrennten Content Typen. Die redaktionelle Pflege gewann an Klarheit, da Referenzen nativ verwaltet werden. Der Karrierebereich wirkt moderner und unterstützt Bewerbende bei der Einschätzung von Aufgaben und Profilen.Die Abhängigkeit von externen Plugins sank durch die native Umsetzung.