
Whitelabel Tarifrechner
Überblick
Entwicklung eines Whitelabel-Tarifrechners für Strom- und Gastarife bei der yay! digital GmbH — einer Digitalagentur mit Fokus auf E-Commerce- und SaaS-Lösungen. Der Tarifrechner wurde als wiederverwendbare Lösung konzipiert, die von verschiedenen Energieversorgern unter eigener Marke eingesetzt werden kann.
Die Herausforderung
Energieversorger benötigen interaktive Tarifrechner, die Endkunden eine einfache Möglichkeit bieten, Strom- und Gastarife zu vergleichen und direkt online abzuschließen. Die Herausforderung: Ein einzelner Rechner muss flexibel genug sein, um sich an verschiedene Marken, Tarifstrukturen und regionale Besonderheiten anzupassen — ohne dass für jeden Kunden eine eigene Lösung entwickelt werden muss.
Die Lösung
Der Tarifrechner wurde als Vue.js-basierte Single-Page-Application entwickelt, die sich über Konfiguration an verschiedene Energieversorger anpassen lässt. Das Whitelabel-Konzept ermöglicht es, Design, Tariflogik und Inhalte pro Mandant zu konfigurieren.
Architektur-Highlights
- Vue.js Frontend: Reaktive, komponentenbasierte UI für interaktive Tarifberechnung
- Whitelabel-Architektur: Konfigurationsbasierte Anpassung an verschiedene Energieversorger
- SASS Theming: Flexibles Styling-System für mandantenspezifisches Branding
- HTML5: Moderne, semantische Markup-Struktur für Accessibility und SEO
Mein Beitrag
Als Frontend Engineer war ich für die Entwicklung des Vue.js-Frontends verantwortlich. Der Fokus lag auf einer sauberen Komponentenarchitektur, die es ermöglicht, den Tarifrechner effizient an verschiedene Mandanten anzupassen.
Die Arbeit bei yay! digital war ein kompaktes, fokussiertes Projekt — kurze Wege, schnelle Iterationen und direktes Feedback. Genau die Art von Agenturarbeit, die zeigt, wie effizient Vue.js-basierte Frontends entwickelt werden können.
Technologien
Ein schlanker, fokussierter Frontend-Stack — Vue.js für die Interaktivität, SASS für flexibles Theming.