SENEC ist Anbieter für Solarenergiespeicher in Deutschland, Italien und Australien. Um auf dem kompetitiven Solarenergiemarkt langfristig zu bestehen, müssen die Unternehmen innovative Wege gehen. Die größte Herausforderung dieses Langzeitprojekts besteht darin, eine starke Online-Präsenz aufzubauen mit einer exzellenten User-Experience und interaktiven Funktionen, die SENEC als einen zuverlässigen Anbieter für erneuerbare Energiesysteme präsentieren.
Wer ist SENEC?
SENEC ist Anbieter innovativer Solarenergielösungen in Deutschland, Italien und Australien und gehört zu den Top 3 seiner Branche. Das schnell wachsende Start Up ist ein Tochterunternehmen der EnBW, einem der größten deutschen Energieversorger. Als Experte für Energieunabhängigkeit unterstützt SENEC seine Kunden aktiv bei der Energiewende mit innovativen Ideen und wegweisenden Produkten. Alle Lösungen von SENEC sind von einem starken Engagement für eine nachhaltige Zukunft geprägt.
Gemeinsame Ziele für eine langfristige Zusammenarbeit
Unser gemeinsamer Weg begann 2019 mit dem erfolgreichen Relaunch der SENEC Webseite. Als ambitioniertes, internationales Start-Up verfolgt SENEC das Ziel, den kompetitiven Markt für Solarenergielösungen anzuführen.
Um der Konkurrenz immer einen Schritt voraus zu sein, wollte das Unternehmen eine starke Präsenz im Internet für alle Webseiten auf modernstem technischen Niveau aufbauen. Durch eine langfristige Zusammenarbeit mit 1xINTERNET wurden drei wichtige Unternehmensziele verwirklicht:
- Eine leistungsstarke Webseite mit modernem Design und einem starken Fokus auf Erfahrung und Interaktion mit dem Nutzer.
- Eine SEO-optimierte Webseite, um die Sichtbarkeit im Internet zu erhöhen und gezielten organischen Traffic zu generieren.
- Lead-Generierung mit fortschrittlichen Tracking-Mechanismen, Marketing- und Analysesystemen.
Wesentliche Merkmale des Projekts
Robustes Drupal-Backend und entkoppeltes Frontend
Als Teil unserer täglichen Zusammenarbeit halten wir die Webseite von SENEC mit den neuesten Features und Funktionalitäten auf dem neuesten Stand, unter Berücksichtigung der neuesten Trends in der kontinuierlichen Drupal-Entwicklung. Das UX-Design wurde mit einer komponentenbasierten Design-Methodik erstellt. Ein entkoppeltes Frontend wurde mit Storybook implementiert.
Durch die Entkopplung von Frontend und Backend können beide Bereiche unabhängig voneinander erweitert und programmiert werden. Für das Projekt bedeutet dies eine deutlich geringere Abhängigkeit und eine höhere Implementierungsgeschwindigkeit. Lesen Sie mehr über die Vorteile eines Designsystems in unserem Blog.
Für die Interaktion mit den Nutzern bietet die Webseite eine Reihe von grafischen Highlights und Elementen wie Google-Map-Integrationen, flexible Webformular-Layouts und dynamische interaktive Funktionen.
SENEC Konfigurator - SENEC Haus
Die neueste und technisch fortschrittlichste Funktion ist der SENEC Haus Konfigurator für die Autarkie des Eigenheims. Diese animierte Funktion hilft potenziellen Kunden, die Vorteile der rundum Lösung "SENEC.360" zu verstehen.
Das SENEC Haus kombiniert ein 3D-JS Haus mit einer React-App. Die React App selbst kombiniert Daten aus der SENEC API und aggregierte Daten aus Drupal. Die Funktion ist in Drupal als Block integriert.
Diese dynamische, interaktive Funktion ermöglicht es den Nutzern, Daten über ihr reales Haus einzugeben, um Energieeinsparungen und Autarkie zu berechnen.
React-Anwendung für das neue Vertragssystem
Die Erstellung eines passenden Energievertrags ist ein komplexer Vorgang aus mehreren Schritten und unter Berücksichtigung vieler Bedingungen. Um den bestmöglichen individuellen Energieversorgungsvertrag zu finden, haben wir eine React-basierte Lösung implementiert. Für das Ausfüllen des Formulars haben wir eine schrittweise entkoppelte React-App entwickelt.
Der Vertragsabschluß ist ganz einfach. Das System führt den Kunden mit anschaulichen Bedienelementen durch die einzelnen Schritte des Vertrags. Die Stromverbrauchsdaten und die Angaben zur verbauten Photovoltaikanlage werden gesammelt und sofort sowohl in der App als auch serverseitig ausgewertet. Die gesammelten Daten werden am Ende des Prozesses an eine interne API von SENEC gesendet und ein rechtlich verbindlicher Energievertrag kann abgeschlossen werden.
Neben der Interaktion mit einer React App können die Nutzer auch über reguläre Webformulare mit SENEC in Kontakt treten. Die Ergebnisse werden automatisch sowohl an die Marketing-Automatisierungssoftware von Hubspot, an MX Dynamics, sowie an ein internes CRM-System gesendet. Entsprechend der GDPR-Bestimmungen und in Übereinstimmung mit den technischen und organisatorischen Maßnahmen (TOM) von SENEC werden Kundendaten jedoch nicht im Drupal-System gespeichert.
Optimierung Lead-Generierung und SEO
Zu den wichtigsten Zielen des Projekts gehören der Aufbau einer starken Online-Präsenz und die Optimierung der Seite zur Generierung von Leads. Um dies zu erreichen, wurden modernste Tracking-Mechanismen, Marketing- und Analysesysteme auf der Webseite implementiert. Kontinuierliche SEO-Optimierung und eine auf User Journey und User Personas basierende Content-Strategie erhöhen die Online-Sichtbarkeit in den Suchmaschinen und ziehen relevanten, hochwertigen organischen Traffic an.
Technische Herausforderungen
- Leistungsoptimierung für eine funktionsreiche Webseite
- Integration von JS-basierten Funktionen (Google Maps, React) mit Storybook
- Integration moderner interaktiver Funktionen (SENEC Haus Konfigurator)
- Erweiterte Tracking-Mechanismen, Marketing- und Analysesysteme zur Optimierung der Konversion (GA4, Marketing Automation System Hubspot, MX Dynamics, Facebook API)
- SEO-Optimierung und Content-Strategie für eine höhere Online-Sichtbarkeit
- Vollständig automatisierte Workflows für die Bereitstellung in einer kundenspezifischen Hosting-Umgebung (Kubernetes, Docker)
Gewinner der International Splash Awards
Die Webseite von SENEC wurde bei den International Splash Awards in Amsterdam 2019 als Gewinner für das beste Drupal-Projekt in gleich 10 Kategorien ausgezeichnet. Die International Splash Awards prämieren jährlich Drupal-Projekte auf globaler Ebene. Herausragende Expertise und digitale Innovationen werden ausgezeichnet.
Wir sind stolz darauf, Teil dieses großen Erfolges zu sein und freuen uns darauf, gemeinsam mit SENEC den Führungsanspruch auf dem umkämpften Markt weiter auszubauen.
Das sagt der Kunde
"Unsere tägliche Zusammenarbeit zeichnet sich durch die kontinuierliche Weiterentwicklung und Online-Marketing-Beratung aus, wodurch wir ein hervorragendes Kundenerlebnis schaffen und die Online-Sichtbarkeit erhöhen. Mittlerweile haben wir unsere Webseite für die Generierung von Leads optimiert. 1xINTERNET war für uns eine perfekte Wahl, denn sie bieten sowohl eine fundierte SEO-Beratung als auch höchst professionelle Drupal-Implementierungen.”
Ramona Göbhart, Team Lead Digital Marketing bei SENEC
Warum war Drupal die richtige Wahl für dieses Projekt?
SENEC entschied sich für Drupal, weil es einen hervorragenden Ruf als CMS-Lösung für Unternehmen genießt. Die IT-Abteilung von SENEC betreibt alle Systeme intern, und Drupal kann aufgrund seiner Open-Source-Standards und eingebauten API-Funktionen leicht in die bestehende IT-Umgebung integriert werden.
"Wir sind erstaunt über die Flexibilität und Einfachheit des Drupal-Backends. Unsere Redakteure können bessere Inhalte erarbeiten und viel schneller arbeiten als zuvor. Damit können wir uns mehr auf das Wachstum unseres Online-Geschäfts konzentrieren und unsere Klientel besser erreichen.”
Nils Buntrock, ehemaliger Marketingleiter bei SENEC
Das Wichtigste an der IT-Umgebung von SENEC ist, dass Drupal mit unterschiedlichsten funktionsreichen APIs verbunden ist, die zum Abrufen von Produktinformationen, Nutzungsdaten und Vertragsdetails aus Drittanwendungen genutzt werden. Die Webseite ist nahtlos in die verteilte IT-Architektur integriert (Kunden-APIs, Marketing-Automatisierungssystem Hubspot, MX Dynamics, CRM-System, Analysesysteme usw.).
