rhenag: Website-Relaunch

Energiezukunft mit Köpfchen

Wie wir für einen regionalen Energieversorger eine eigenständige, kundenorientierte Plattform entwickelten, die Sichtbarkeit verdoppelt, Conversions um 25% gesteigert und dabei ein mandantenfähiges Design-System als Fundament genutzt haben.

UX/UI-Design
Web/App Development
Systemarchitektur
Administration/DevOps
API/Schnittstellen

Jahr
2020 - heute

Kunde
rhenag

Sektor
Energiewirtschaft

Herausforderung
Dynamische Prozessabbildung

Technologien
Diverse Back- und Frontend-Technologien

Unsere Rolle
Beratung, Konzeption und Umsetzung

Die ursprüngliche Anforderung?

Das Segment Energieversorgung herauslösen und als eigenständige Plattform neu aufbauen.

Was daraus wurde?

Eine conversion-optimierte Website, die zeigt: Digitale Transformation im B2C-Energiegeschäft beginnt nicht mit Technologie, sondern mit klarer Fokussierung auf Kundenbedürfnisse.

Check mal unsere Disziplinen Konzeption
und Strategische Beratung aus!

"Eine neue Domain ist keine technische Übung. Sie ist die Chance, Geschäftsfokus und Kundenbedürfnisse neu zu denken. rhenag brauchte keine Corporate-Website 2.0. Sie brauchten eine Conversion-Plattform."

Herausforderungen
Energieversorgung verschwindet in Corporate-Komplexität
Energieversorgung verschwindet in Corporate-Komplexität

Die Situation:

Die bisherige rhenag-Website war zum größten Teil eine Corporate-Präsenz: Unternehmensinformationen, IT-Services, verschiedene Geschäftsbereiche, Beteiligungen, Karriere, Presse. Das Energieversorgungsgeschäft war nur einer von vielen Bereichen. Die Informationsarchitektur war komplex, die Nutzerführung unklar.

Für Privat- und Geschäftskunden, die einfach nur Strom beziehen wollten, war die Website überfordernd. Zu viele Informationen, zu viele Navigationsmöglichkeiten, zu wenig Fokus auf das, was wirklich zählt: Tarife, Services, Vertragsabschluss.

Die Herausforderung:

Wie trennt man Energieversorgung von Corporate-Kommunikation, ohne die Marke rhenag zu verwässern? Wie schafft man eine eigenständige Plattform, die trotzdem Teil des rhenag-Ökosystems bleibt? Wie vermeidet man, dass bestehende SEO-Rankings verloren gehen, wenn man eine neue Domain einführt?

Die Stromversorgung, eigentlich das umsatzstärkste Segment, war nicht prominent genug positioniert. Kunden mussten suchen, um Tarifangebote zu finden. Die Conversion-Rate litt unter der unklaren Struktur.

Die Folge:

Ohne klare Trennung: Potenzielle Neukunden verlassen frustriert die Website. Bestehende Kunden finden ihre Services nicht schnell genug. Die Konkurrenz mit fokussierten Energie-Websites gewinnt.

SEO-Neustart mit neuer Domain
SEO-Neustart mit neuer Domain

Die Situation:

Eine neue Domain bedeutet: SEO-technisch bei Null anfangen. Die alte rhenag-Website hatte über Jahre organische Rankings aufgebaut. Diese Rankings waren wertvoll. Sie brachten kontinuierlich Traffic und Leads. Mit der neuen Domain rhenag Energie: Energiezukunft mit Köpfchen drohte dieser Traffic zunächst wegzubrechen.

Die Herausforderung:

Wie baut man schnell Sichtbarkeit auf einer neuen Domain auf? Wie vermeidet man den typischen Traffic-Einbruch nach einem Domain-Wechsel? Wie schafft man es, innerhalb weniger Monate die Sichtbarkeit nicht nur wiederherzustellen, sondern zu übertreffen?

Standard-Relaunches dauern Monate, bis SEO-Erfolge sichtbar werden. rhenag konnte sich diese Wartezeit nicht leisten, denn das Energiegeschäft ist hart umkämpft, jeder verlorene Monat bedeutet verpasste Neukunden.

Die Folge:

Ohne SEO-Strategie: Die neue Domain bleibt monatelang unsichtbar. Traffic bricht ein. Neukunden-Akquise stockt. Der Relaunch wird zum finanziellen Desaster.

User Experience für zwei Zielgruppen
User Experience für zwei Zielgruppen

Die Situation:

Energieversorger haben zwei grundverschiedene Zielgruppen: Privatkunden und Geschäftskunden. Ihre Bedürfnisse, Entscheidungsprozesse und Informationsanforderungen unterscheiden sich fundamental.

Privatkunden wollen schnell verstehen: Was kostet mich Strom? Ist der Tarif fair? Wie einfach ist der Wechsel? Sie entscheiden emotional und brauchen Vertrauensaufbau.

Geschäftskunden brauchen technische Details, Sonderkonditionen, individuelle Beratung. Sie entscheiden größtenteils rational und erwarten professionellen Service.

Die Herausforderung:

Wie baut man eine Website, die beide Zielgruppen optimal bedient, ohne eine von beiden zu vernachlässigen? Wie schafft man klare Trennung in der Navigation, ohne die Website zu fragmentieren? Wie optimiert man die User Experience für zwei völlig unterschiedliche Conversion-Pfade?

Standard-Energie-Websites machen oft Kompromisse: Zu technisch für Privatkunden, zu vereinfacht für Geschäftskunden. Oder sie bauen zwei komplett getrennte Websites, mit doppeltem Wartungsaufwand.

Die Folge:

Ohne durchdachte UX-Strategie: Eine Zielgruppe fühlt sich nicht abgeholt. Bounce-Rates steigen. Conversion-Rates bleiben unter Potenzial.

Markenversprechen in digitale Realität übersetzen
Markenversprechen in digitale Realität übersetzen

Die Situation:

rhenag steht für "Regional. Nah. Digital." Ein klares Markenversprechen. Regional bedeutet: Verbundenheit mit der Region Rheinland. Nah bedeutet: Kundennähe, persönlicher Service. Digital bedeutet: Moderne, zeitgemäße Lösungen.

Die Herausforderung:

Wie übersetzt man dieses Versprechen in eine Website? "Regional" ist nicht nur ein Logo mit Kölner Dom. "Nah" ist nicht nur eine Service-Hotline. "Digital" ist nicht nur ein modernes Design. Das Versprechen muss in jedem Element, jeder Interaktion, jeder Conversion-Strecke spürbar sein.

Die Balance zwischen regionaler Authentizität und digitaler Modernität ist schwierig. Zu viel Regional-Romantik wirkt gestrig. Zu viel Digital-Glätte wirkt austauschbar. rhenag musste beides vereinen: Glaubwürdig und differenzierend.

Die Folge:

Ohne konsequente Markenumsetzung: Die Website wird austauschbar. Das Markenversprechen bleibt Marketing-Floskel. Kunden spüren keinen Unterschied zu Wettbewerbern.

Check mal unsere Disziplinen Konzeption
und Strategische Beratung aus!

Die Dimension des Relaunches

Wenn Strategie, Design und Technologie zusammenkommen. Messbare Erfolge statt vager Versprechen.

+25% Neukunden seit Relaunch

Conversion-Optimierung macht sich bezahlt

Innerhalb weniger Monate nach Relaunch stieg die Neukunden-Akquise um 25%. Kein Zufall, sondern Resultat durchdachter UX-Optimierung: Schnellere Ladezeiten reduzieren Abbrüche. Klare Nutzerführung beschleunigt Entscheidungen. Optimierte Conversion-Strecken senken die Hürde zum Vertragsabschluss.

Technische Implikation:

Performance-Optimierung auf allen Ebenen: Lazy Loading für Bilder, optimierte Code-Struktur für schnelle Auslieferung. Das mandantenfähige NEOS CMS ermöglicht schnelle Content-Updates ohne Entwickler-Involvement.

Der Vorteil für rhenag:

Jeder neue Kunde bedeutet Umsatz über Jahre. Die 25%-Steigerung amortisiert die Relaunch-Investition innerhalb kürzester Zeit. Und der Trend ist steigend. Weitere Optimierungen sind bereits in der Pipeline.

+200% SEO-Sichtbarkeit

Von Null auf Überholen in wenigen Monaten

Die neue Domain rhenag Energie: Energiezukunft mit Köpfchen hat die SEO-Sichtbarkeit im Vergleich zur bisherigen Corporate-Website verdoppelt. Nicht über Jahre, sondern innerhalb weniger Monate. Das ist kein Zufall, sondern das Ergebnis strategischer SEO-Workshops und konsequenter Umsetzung.

Technische Implikation:

Die Seitenstruktur wurde von Grund auf suchmaschinenoptimiert konzipiert. Keyword-Recherche identifizierte, wonach die Zielgruppe wirklich sucht. Content-Logik wurde keywordbasiert aufgebaut. Allerdings ohne Keyword-Stuffing, sondern nutzerorientiert. Technische SEO-Grundlagen wurden penibel umgesetzt: Saubere URL-Struktur, optimierte Meta-Tags, strukturierte Daten, Mobile-First-Ansatz, schnelle Ladezeiten.

Der Vorteil für rhenag:

Organischer Traffic ist nachhaltig und kosteneffizient. Jede Google-Suche nach "Stromanbieter Region Siegburg" oder "Ökostrom Siegburg" hat jetzt das Potenzial, zu rhenag Energie: Energiezukunft mit Köpfchen zu führen. Die Sichtbarkeit wächst kontinuierlich weiter, während Wettbewerber teure Ads schalten müssen.

Eigenständige, kundenorientierte Plattform

Klare Trennung schafft Fokus

Das Energieversorgungsgeschäft ist jetzt klar vom Corporate-Bereich getrennt. rhenag Energie: Energiezukunft mit Köpfchen fokussiert ausschließlich auf Privat- und Geschäftskunden im Energiesegment. Keine Ablenkung durch Unternehmensinformationen, keine Verwässerung durch andere Geschäftsbereiche.

Technische Implikation:

Die Informationsarchitektur wurde neu gedacht: Zwei Haupteinstiege (Privatkunden / Geschäftskunden), klare Tarifübersichten, optimierte Conversion-Strecken. Das mandantenfähige Design-System ermöglicht trotzdem Corporate-Design-Konsistenz zur Hauptmarke rhenag.

Der Vorteil für Nutzer:

Privatkunden finden schneller, was sie suchen. Geschäftskunden erhalten die Informationstiefe, die sie brauchen. Beide Zielgruppen haben optimierte User Journeys. Ohne Kompromisse.

Mandantenfähiges Design-System als Fundament

Skalierbarkeit durch intelligente Architektur

Der Relaunch basiert auf dem zuvor entwickelten mandantenfähigen Design-System. Dieses System ermöglicht es rhenag, schnell weitere Websites und Landingpages zu erstellen, für Kooperationen, Partnerlieferanten oder neue Geschäftsbereiche. Corporate-Design-Elemente wie Farben, Bildsprachen und Schriften sind mandantenspezifisch anpassbar.

Technische Implikation:

Das headless CMS NEOS trennt Design, Inhalt und Mandanten. Templates werden zentral im Pool verwaltet und stehen allen Abteilungen zur Verfügung. Jede Agentur oder jeder Dienstleister kann auf das Design-System zugreifen und es benutzen. Neue Elemente fließen zurück in den Pool.

Der Vorteil für rhenag:

Schnelle Time-to-Market für neue digitale Projekte. Konsistente Markendarstellung über alle Touchpoints. Kosteneinsparung durch Template-Wiederverwendung. Alle profitieren von Weiterentwicklungen im Design-System.

"Regional. Nah. Digital." konsequent umgesetzt

Markenversprechen wird erlebbar

Das Markenversprechen zieht sich durch Design, Inhalte und Nutzerführung. Regional: Bildsprache zeigt die Region, lokale Referenzen schaffen Verbundenheit. Nah: Persönliche Ansprechpartner sind prominent platziert, Service-Optionen sind einfach erreichbar. Digital: Modernes Design, schnelle Ladezeiten, intuitive UX.

Technische Implikation:

Motion Design unterstreicht Modernität. Illustrationen im rhenag-Stil schaffen Wiedererkennungswert. Content ist auf Kundenbedürfnisse zugeschnitten, nicht auf Unternehmens-Ego.

Der Vorteil für Marke:

Das Versprechen ist nicht nur Claim, sondern Realität. Kunden spüren den Unterschied. Vertrauen wird aufgebaut. rhenag differenziert sich von austauschbaren Energieversorgern.

"Erfolgreiche Relaunches messen sich nicht in Design-Awards, sondern in
Neukunden, Sichtbarkeit und messbarem Business-Impact"
Unsere Lösung
Eine conversion-optimierte Energie-Plattform

Strategie, Design und Technologie im perfekten Zusammenspiel

Check mal unsere Disziplin Technische Entwicklung aus!

Säule 1
SEO-First-Strategie

Sichtbarkeit als Grundlage für Erfolg

Was wir gebaut haben

Mehrere SEO-Workshops mit rhenag-Stakeholdern bildeten die Grundlage. Wir analysierten: Wonach suchen potenzielle Kunden wirklich? Welche Keywords haben Conversion-Potenzial? Wo sind Lücken im Wettbewerb? Die Erkenntnisse flossen direkt in die Informationsarchitektur.

Die SEO-Methodik im Detail

Keyword-Recherche: Nicht nur generische Begriffe wie "Stromanbieter", sondern Long-Tail-Keywords mit Kaufabsicht: "Ökostrom Köln günstig", "Gewerbestrom Rheinland Tarife", "Stromvergleich Siegburg". Diese Keywords haben weniger Wettbewerb und höhere Conversion-Rates.

Content-Struktur: Jede Seite wurde mit SEO-Fokus konzipiert. Überschriften-Hierarchie optimiert, Meta-Descriptions conversion-orientiert formuliert, Alt-Tags für Bilder strategisch gesetzt. Aber: Immer nutzerorientiert, nie für Suchmaschinen auf Kosten der Lesbarkeit.

Technisches SEO: Saubere URL-Struktur (sprechende URLs, keine kryptischen IDs), strukturierte Daten für Rich Snippets, Mobile-First-Indexierung berücksichtigt, Sitemap und robots.txt optimiert, Core Web Vitals als Performance-Benchmark.

Local SEO: Für einen regionalen Anbieter kritisch: Google My Business Integration, lokale Keywords, Standort-Seiten für Siegburg und Köln, lokale Backlinks durch regionale Partnerschaften.

Content-Logik keywordbasiert

Wir haben nicht erst die Seiten gebaut und dann SEO "draufgepackt". Die gesamte Content-Architektur wurde keywordbasiert konzipiert: Welche Themenbereiche brauchen eigene Seiten? Welche Inhalte gehören zusammen? Wie verlinken wir intern für maximale SEO-Kraft?

Das Ergebnis:

Die +200% SEO-Sichtbarkeit sind kein Marketing-Versprechen, sondern messbar in Tools wie XOVI. Die neue Domain ist schneller gewachsen als die alte Website in Jahren. Und der Trend zeigt weiter nach oben.

Business-Vorteil:

Organischer Traffic ist der nachhaltigste Akquise-Kanal. Jede Seite, die rankt, arbeitet 24/7 für rhenag ohne laufende Werbekosten. Die SEO-Investition zahlt sich über Jahre aus.

Säule 2
Conversion-optimierte User Experience

Design, das verkauft ohne aufdringlich zu sein

Was wir gebaut haben

Eine UX, die Vertrauen schafft und Conversions gezielt fördert. Nicht durch aggressive Sales-Taktiken, sondern durch durchdachte Nutzerführung, klare Informationsarchitektur und reduzierte Reibung im Conversion-Prozess.

Die UX-Strategie im Detail

Zwei Einstiege, zwei Journeys:

Schon auf der Startseite: Klare Weichenstellung zwischen Privatkunden und Geschäftskunden. Kein generisches "Willkommen", sondern: "Ich bin Privatkunde" / "Ich bin Geschäftskunde". Ab diesem Moment ist die User Journey optimiert auf die jeweiligen Bedürfnisse.

Privatkunden-Journey: Emotional, vertrauensbildend, einfach. Schneller Zugang zu Tarifrechnern, Kundenreferenzen, Service-Versprechen. Call-to-Actions wie "Jetzt Tarif berechnen" oder "Persönliches Angebot erhalten".

Geschäftskunden-Journey: Professionell, detailliert, beratungsorientiert. Zugang zu Sonderkonditionen, individuellen Lösungen, direkten Ansprechpartnern. Call-to-Actions wie "Beratungstermin vereinbaren" oder "Individuelles Angebot anfordern".

Above the Fold optimiert

"We make it Gold above the Fold" – alles Wichtige ist sofort sichtbar, ohne Scrollen. Klare Value Proposition, direkte Handlungsaufforderung, visuelle Hierarchie lenkt den Blick gezielt. Keine Informationsüberflutung, sondern fokussierte Botschaft.

Optimierte Ladezeiten

Langsame Websites verlieren Nutzer. Wir haben Performance konsequent optimiert: Bilder komprimiert und im modernen WebP-Format ausgeliefert, Lazy Loading für Below-the-Fold-Inhalte, CSS und JavaScript minimiert, kritisches CSS inline für schnelles First Paint.

Ergebnis

Ladezeiten unter 2 Sekunden auf mobilen Geräten. Das beeinflusst nicht nur SEO-Rankings, sondern direkt die Conversion-Rate. Studien zeigen: Jede Sekunde Ladezeit kostet 7% Conversions.

Vertrauensaufbau durch Design

Energieversorgung ist ein Vertrauensgeschäft. Das Design muss Seriosität ausstrahlen: Klare Typografie, professionelle Bildsprache, transparente Preisdarstellung, prominente Siegel und Zertifikate, Kundenreferenzen authentisch integriert.

Micro-Interactions:

Kleine Animationen machen die Website lebendig: Buttons reagieren auf Hover, Formulare geben direktes Feedback bei Eingaben, Übergänge zwischen Sektionen sind smooth, nicht abrupt. Diese Details machen den Unterschied zwischen "funktioniert" und "macht Spaß".

Mobile-First

Über 60% der Nutzer kommen mobil. Die Website wurde Mobile-First konzipiert: Touch-optimierte Elemente, vereinfachte Navigation für kleine Screens, Formulare mobilfreundlich gestaltet. Desktop ist dann die Erweiterung, nicht umgekehrt.

Business-Vorteil:

Die +25% Neukunden sind das direkte Ergebnis dieser UX-Optimierungen. Nutzer finden schneller, was sie suchen. Conversion-Hürden sind reduziert. Das Vertrauen in die Marke steigt.

Säule 3
Mandantenfähiges Design-System als Basis

Skalierbarkeit durch intelligente Architektur

Was wir gebaut haben

Der Relaunch basiert auf dem zuvor entwickelten mandantenfähigen Design-System. Dieses System war bereits für rhenag im Einsatz. Der Energie-Relaunch war die erste große Anwendung auf neuer Domain.

Die System-Architektur

Headless CMS NEOS:

Trennung von Design, Inhalt und Mandanten. Das Backend verwaltet Content strukturiert, das Frontend rendert flexibel. Mandanten können unterschiedliche Design-Varianten nutzen (Farben, Schriften, Bildsprachen), basierend auf dem gleichen Template-Pool.

Template-Pool-Konzept:

Alle Design-Elemente sind als wiederverwendbare Templates verfügbar: Header-Varianten, Hero-Sections, Tarifvergleichs-Module, Formular-Komponenten, Footer-Layouts. Jede Abteilung bei rhenag oder externe Dienstleister können darauf zugreifen.

Design-System in Adobe XD

Zentrale XD-Datei dokumentiert alle Elemente, Zustände und Varianten. Designer arbeiten mit konsistenten Komponenten. Neue Elemente werden dem System hinzugefügt und stehen sofort allen zur Verfügung.

Der Workflow in der Praxis
  1. Designer erstellt neue Landingpage in Adobe XD mit vorhandenen Templates
  2. Anpassungen (z.B. neue Button-Variante) werden dokumentiert
  3. Template-Pool wird im CMS erweitert
  4. Andere Projekte profitieren von der neuen Komponente
Business-Vorteil

Schnelle Time-to-Market für neue Kampagnen. Konsistente Markendarstellung. Kosteneinsparung durch Wiederverwendung. Das System wächst organisch mit jedem Projekt.

rhenag CMS Relaunch Tarif-Rechner als White Label Lösung
Das Ergebnis
Neukunden-Akquise
+25%

Durch optimierte Ladezeiten, Struktur und neuem User Experience Design

SEO-Sichtbarkeit
+200%

Durch Recherche und Know-how stetig sichtbarer geworden

Klare Zielgruppen-Ansprache
etabliert

Durch die Möglichkeit des hybriden Deployments online + offline

Markenversprechen digital
erlebbar
Skalierbare Plattform geschaffen
CHECK
Messbare Business-Transformation
100%
Unsere Tools
Beratung
Beratung
Adobe XD
Adobe XD
Cai
Cai
Confluence
Confluence
Google Analytics
Google Analytics
Google Tag Manager
Google Tag Manager
RapidUsertests
RapidUsertests
XOVI
XOVI
Konzeption
Konzeption
Miro
Miro
Adobe Illustrator
Adobe Illustrator
Adobe InDesign
Adobe InDesign
Adobe XD
Adobe XD
Atlassian
Atlassian
Confluence
Confluence
Google Analytics
Google Analytics
Design
Design
Adobe Illustrator
Adobe Illustrator
Adobe After Effects
Adobe After Effects
Adobe Photoshop
Adobe Photoshop
Figma
Figma
Adobe InDesign
Adobe InDesign
Adobe XD
Adobe XD
Adobe Aero
Adobe Aero
Adobe Animate
Adobe Animate
Adobe Audition
Adobe Audition
Adobe Lightroom
Adobe Lightroom
Adobe Premiere Pro
Adobe Premiere Pro
Adobe Substance
Adobe Substance
Apple Logic Pro
Apple Logic Pro
Blender
Blender
Flux
Flux
Midjourney
Midjourney
Pika
Pika
Procreate
Procreate
Runway
Runway
Sora
Sora
Stable Diffusion
Stable Diffusion
Steinberg Cubase
Steinberg Cubase
Suno
Suno
Veo
Veo
Weavy
Weavy
Entwicklung
Entwicklung
Angular
Angular
Angular Material
Angular Material
Azure
Azure
Bitbucket
Bitbucket
Bootstrap
Bootstrap
CI/CD-Pipelines
CI/CD-Pipelines
Composer
Composer
Contao
Contao
CookieHub
CookieHub
Cursor
Cursor
D3.js
D3.js
Deployer
Deployer
Docker
Docker
Doctrine
Doctrine
Flow
Flow
Fusion
Fusion
Google Analytics
Google Analytics
GSAP
GSAP
Gulp
Gulp
Handlebars
Handlebars
Helm
Helm
JavaScript
JavaScript
jQuery
jQuery
JWT
JWT
krpano
krpano
Kubernetes
Kubernetes
Llama
Llama
Mercure
Mercure
Moment.js
Moment.js
MySQL
MySQL
n8n
n8n
Neos
Neos
npm
npm
Pattern Lab
Pattern Lab
PHP
PHP
PHP Unit
PHP Unit
Podman
Podman
Protractor
Protractor
React
React
Redshift
Redshift
Sass
Sass
Selenium
Selenium
Shopware
Shopware
Sulu
Sulu
Symfony
Symfony
Three.js
Three.js
Twig
Twig
TypeScript
TypeScript
TYPO3
TYPO3
Usercentrics
Usercentrics
Webpack
Webpack
WordPress
WordPress
Projektmanagement
Projektmanagement
Cai
Cai
Jira
Jira
Scrum
Scrum
Atlassian
Atlassian
Bitbucket
Bitbucket
Dein Vorteil
Unser Fundament

Du möchtest mehr erfahren, wie bei uns Projektmanagement verstanden wird, um solche Projekte erfolgreiche zum Go-Live zu begleiten? 

Match?
Starte jetzt
dein Projekt

Von der Idee zur Realität: Als Boutique-Agentur analysieren wir, denken mit und entwickeln passgenaue Konzepte. 
Unsere Digitale Originale® sind kreativ, relevant und technisch perfekt umgesetzt.