Skalierbares
Energie-Vertriebs-Ökosystem

Ein CMS-System für alle Marken der rhenag-Gruppe

Technisch möglich gemacht durch Custom-Architektur.

Neos CMS bot von Haus aus keine Multi-Mandanten-Funktionalität. Wir haben das System entsprechend erweitert: zentrale Verwaltung, dezentrale Steuerung. Die technische Herausforderung lag darin, Mandanten-Logik tief ins System zu integrieren, ohne zukünftige Updates zu blockieren. Jeder Mandant erhält eine dedizierte Konfigurationsebene über YAML-Strukturen, die Theme, Asset-Verwaltung und Berechtigungen steuert.

Das Besondere:

Shared Components werden einmal entwickelt und über ein Vererbungssystem mit mandantenspezifischen Overrides versehen. Bei jedem Rendering prüft das System, ob ein mandantenspezifisches Template existiert. Wenn nicht, greift es auf das Basis-Template zurück. Cache-Management war dabei eine größere Herausforderung.

Der Vorteil für rhenag:

Neue Marken lassen sich in Tagen statt Monaten ausrollen. Geringere Betriebskosten, schnellere Markteinführung neuer Angebote und keine redundante Entwicklung.

Tarifrechner, Solarrechner, Bestellstrecke

– alle in Vanilla JavaScript statt React oder Vue.

Wir haben bewusst auf Framework-Abhängigkeiten verzichtet. Der Grund: Langfristig stabile Codebasis ohne Breaking Changes bei Updates, minimale Bundle-Größen. Die technische Herausforderung bestand darin, komplexe Interaktionen ohne die Komfort-Layer moderner Frameworks zu bauen.

Der Tarifrechner arbeitet mit einer Rule-Engine, die Business-Logik als JSON-Konfiguration behandelt. Jede Rule besteht aus Conditions (Wann gilt sie?) und Actions (Was passiert?). Besonders komplex waren Datumslogiken wie "Lieferbeginn in 6 Wochen" unter Berücksichtigung von Feiertagen und Schaltjahren.

Die Validierung erfolgt zweistufig: Frontend für sofortiges UX-Feedback, Backend für Business-Logic und Sicherheit. Erst wenn beide Ebenen grünes Licht geben, erfolgt der API-Call. Validierungsfehler sollten idealerweise nicht auftreten – wenn doch, werden sie geloggt und analysiert, um die Validierungslogik zu verbessern.

Der Vorteil für Nutzer:

Schnelle Reaktionszeiten und ein flüssiges Nutzererlebnis ohne Wartezeiten zwischen den Schritten. Weniger Abbrüche, mehr Conversions.

Messbare Business-Transformation durch technische Exzellenz

Die SEO-optimierte Architektur wurde von Anfang an mitgedacht.
Nach dem Launch erfolgte kontinuierliche Optimierung basierend auf Search Console Daten. 

Der Vorteil für den ROI:

Die conversion-optimierte UX und kurze Ladezeiten tragen messbar zur Steigerung der Abschlussquoten bei.

Marketing-Teams arbeiten autonom

ohne IT-Abhängigkeit.

Das Marketing-Team arbeitet mit vorgefertigten Komponenten im Drag & Drop-Verfahren. Die Component-Library basiert auf einem durchdachten Design-System: Jede Komponente folgt klaren Prinzipien, ist responsive und accessibility-optimiert. Preview-Funktionen ermöglichen Prüfungen vor der Veröffentlichung, während Versionierung und Rollback-Mechanismen Sicherheit geben.

Die technische Herausforderung lag darin, genug Flexibilität für kreative Freiheit zu bieten, ohne dass das System "kaputtgemacht" werden kann. Komponenten haben definierte Grenzen: Farben folgen dem Marken-Theme, Abstände sind systematisiert, Schriftgrößen kommen aus einem Type-Scale. So bleibt Markenkonsistenz gewahrt, auch wenn nicht-technische Teams Seiten bauen.

Der Vorteil für Geschwindigkeit:

Marktveränderungen können zeitnah berücksichtigt werden ohne Entwickler-Kapazitäten binden zu müssen. Keine IT-Abhängigkeit mehr für Content-Updates.

Resiliente Integration mit Retry-Logic und intelligentem Error-Handling

Die Kommunikation mit rhenags Systemen arbeitet synchron, aber mit automatischen Wiederholungen bei Fehlern. Bei einem fehlgeschlagenen API-Call verwendet das System Exponential Backoff: 1. Versuch sofort, 2. Versuch nach 2 Sekunden, 3. nach 5 Sekunden, 4. nach 10 Sekunden, 5. nach 20 Sekunden.

Der Vorteil für Zuverlässigkeit:

99,9% der Bestellungen werden erfolgreich durchgeführt. Temporäre Fehler werden automatisch abgefangen.