Nimm Teil an der APP VISION 25 -> mehr Infos

Logo der App Agentur Hybrid Heroes
Logo der App Agentur Hybrid Heroes
OneGreen App und Webapp
OneGreen App und Webapp
OneGreen App und Webapp

OneGreen

OneGreen – THG-Prämien ganz unbürokratisch sichern.

OneGreen.de ist die Adresse für den schnellen und sicheren Verkauf von THG-Quoten, die jedem Besitzer eines Elektrofahrzeugs zustehen. Für Leasingmarkt.de und Autoscout24 haben wir die vollständige Plattformentwicklung übernommen inklusive Webseite, Content Management System, Backend-System und Backoffice-Prozessen.

Die Aufgabe

Halter von Elektrofahrzeugen können seit dem Jahr 2022 ihren Fahrstrom als nachhaltige Antriebsenergie vermarkten und erhalten dafür eine finanzielle Kompensation. Die Grundlage dafür sind Treibhausgasminderungsquoten - kurz: THG-Quoten. Sie verpflichten Mineralölunternehmen zur jährlichen Senkung ihres durch Treibstoffe verursachten CO₂-Ausstoßes. Ein direkter Kontakt zwischen Kraftstoffproduzenten und Verbrauchern ist allerdings nicht vorgesehen. Stattdessen können sich Besitzer von Elektrofahrzeugen an spezielle Unternehmen wenden, die die Anrechnung ihrer THG-Quoten abwickeln. Unser Kunde beauftragte uns mit der Entwicklung und dem Betrieb der OneGreen Plattform, die privaten Nutzern sowie Händlern den unkomplizierten Verkauf ihrer THG-Quoten ermöglicht.

Wichtige Anforderungen waren eine schnelle Markteinführung, eine ausgezeichnete User Experience für Webseiten-Besucher sowie eine zuverlässige und strukturierte Abwicklung der notwendigen Backoffice-Prozessen.

E-Auto Ladevorgang
OneGreen Logo

Unsere Lösung

Die wesentlichen Bestandteile der Website waren die Erstellung der Landing Page, des Checkout Funnels und des Backend-Systems.

Der Checkout-Funnel ist einfach und datenschutzkonform gestaltet und garantiert eine risikofreie Abwicklung. Hier haben wir das Augenmerk darauf gelegt, dem Nutzer die Erfassung von persönlichen Daten und Fahrzeugdaten sowie den Dokumentenupload möglichst einfach und praktisch zu ermöglichen, bspw. durch Funktionen wie den Multi-Upload von Dateien. In nur drei Minuten können die Kunden ihre THG-Prämie beantragen und erhalten je nach gewähltem Tarif ihre Auszahlung bereits nach fünf Tagen.

Im Backend-System werden die Anträge durch Mitarbeiter vorqualifiziert. Das Umweltbundesamt (UBA) als zuständige Behörde überprüft die Anträge und zertifiziert diese. Anschließend verkauft OneGreen die gesammelten Zertifikate des UBAs an die Kraftstoffunternehmen. Die Erlöse fließen – abzüglich einer Provision für die Dienstleistung – an die Verbraucher zurück.

Die Website wurde mit nextJS erstellt, einem React-Framework für serverseitiges Rendern von Webanwendungen. NextJS bietet viele Vorteile, wie eine schnellere Ladezeit und bessere Suchmaschinenoptimierung. Als Backend im Hintergrund kommt die Datenplattform Directus zum Einsatz. Directus ermöglicht, die Erzeugung von Datenschnittstellen (APIs) und die Bereitstellung eines ansprechenden User-Interfaces für Administratoren, womit diese die eingereichten Anträge bearbeiten und durch den Prozess bewegen können.

Vogelperspektive von Auto auf Straße im Wald
OneGreen App Screenshots

Die Funktionen auf einen Blick

Icon backend system
Icon backend system

Backend System

Als Backend System kommt Directus zum Einsatz. Directus ist eine Datenplattform, die es ermöglicht, Datenbanken als API bereitzustellen sowie diverse Ansichten und Workflows zu erstellen.

Icon nextJS
Icon nextJS

Server side rendering

Die Website wurde mit nextJS erstellt, einem React-Framework für serverseitiges Rendern von Webanwendungen. NextJS bietet viele Vorteile wie eine schnellere Ladezeit und bessere Suchmaschinenoptimierung.  

icon document upload
icon document upload

Checkout-Funnel

Der Checkout Funnel erfasst Personendaten und Fahrzeugdaten, gibt eine Zusammenfassung und sendet die Daten an das Backend. Später gehen die Anträge an das Umweltbundesamt. Für den schnellen und unkomplizierten Upload der notwendigen Dokumente steht eine Multi-Upload-Funktion zur Verfügung. 

Icon Dashboard
Icon Dashboard

Händler-Dashboard

Geschäftskunden wie Autohäusern steht ein Login-Bereich mit Dashboard zur Verfügung. Hier werden Statistiken wie Provisionen über den gesamten Zeitraum oder einzelne Monate, Zahl der Leads insgesamt oder pro Mitarbeiter sowie abgeschlossene und ausstehende Verträge übersichtlich dargestellt. 

Icon Monitoring
Icon Monitoring

Insights

Über das Backend-System Directus haben wir dem OneGreen Team ein individuell anpassbares Statistik-Dashboard zur Verfügung gestellt, mit dem übersichtliche Diagramme zur internen Verwendung erstellt werden können.

Icon responsive website
Icon responsive website

Responsive Webdesign

Die OneGreen Website ist gestalterisch und technisch für Desktop Browser, Smartphones und Tablets optimiert und getestet. So ergibt sich für den Endnutzer auf allen Geräten eine hochwertige Produktpräsentation.

Nächste Schritte

Wir sind stolz darauf, dass OneGreen von Privatpersonen und Händlern gut angenommen wird und freuen uns auf die Weiterentwicklung des Angebots mit unseren Partnern. 

Kontakt aufnehmen

Wir sind gespannt auf Ihr Projekt!

Sie möchten mit Ihrem Unternehmen oder Ihrer Organisation neue digitale Welten erschließen? Schreiben Sie uns eine Nachricht oder rufen Sie uns an! Wir melden uns innerhalb weniger Stunden zurück.