Ermitteln Sie ganz einfach Ihren CO₂-Fußabdruck
Das Impactometer-Widget wurde entwickelt, um Einzelpersonen im Kampf gegen den Klimawandel zu unterstützen, indem es ihren persönlichen CO₂-Fußabdruck während der Veranstaltungen berechnet, an denen sie teilnehmen.
Banner
Dashboard
Household Create new user
Result Impactometer

Über das Projekt

Das Widget wurde entwickelt, um das Umweltbewusstsein zu fördern und nachhaltiges Leben zu unterstützen. Mithilfe des Widgets können Veranstaltungsteilnehmer die Menge an Kohlendioxid (CO₂) berechnen, die sie möglicherweise durch die Nutzung von Geräten, Strom, Wasser usw. verursachen.

Veranstalter können ihr eigenes Widget einfach erstellen und anpassen, den Code erhalten und in ihre Event-Plattform einbetten.

About the project

Funktionen des Impactometers

Schnelle CO₂-Fußabdruck-Berechnung
Schnelle CO₂-Fußabdruck-Berechnung

Teilnehmer von Veranstaltungen können direkt auf der Website der Veranstaltung eine kurze Umfrage ausfüllen und ihre individuellen Ergebnisse erhalten.

Übersichtliche Statistiken zur CO₂-Emission
Übersichtliche Statistiken zur CO₂-Emission

Ein übersichtliches Diagramm zeigt das Verhältnis des individuellen Ergebnisses des Nutzers zum Veranstaltungsdurchschnitt sowie zu globalen Daten.

Bequem und einfach zu bedienen
Bequem und einfach zu bedienen

Eine benutzerfreundliche Oberfläche macht das Widget für alle Altersgruppen zugänglich und bietet Einblicke in nachhaltige Praktiken.

Technologien

Die Aufgabe unseres Teams bestand darin, sowohl das Widget selbst als auch ein Admin-Panel zu erstellen, mit dem der Administrator Veranstalter registrieren kann, die ihr eigenes individuelles Widget generieren möchten. Für dieses Projekt haben wir folgende Technologien verwendet:

Ant Design
Ant Design
React
React
TypeScript
TypeScript
Amazon S3
Amazon S3
Amazon Cloudfront
Amazon Cloudfront
Problem

Problem

Veranstaltungen – von kleinen Treffen bis hin zu groß angelegten Konferenzen – tragen durch Energieverbrauch, Abfallproduktion und Transport erheblich zu CO₂-Emissionen bei. Dennoch sind sich viele Teilnehmer der Umweltauswirkungen ihrer Teilnahme nicht bewusst.

01

Bewusstsein ist der Schlüssel zur Reduzierung der Umweltbelastung. Indem Teilnehmer ihren CO₂-Fußabdruck kennen, sehen sie, wie ihre Handlungen zu Emissionen beitragen, und werden motiviert, nachhaltigere Praktiken zu übernehmen.

02

Persönliche Verantwortung spielt eine wichtige Rolle für Nachhaltigkeit. Dieses Verantwortungsbewusstsein kann Menschen dazu bewegen, bewusste Entscheidungen zu treffen, wie beispielsweise umweltfreundlichere Verkehrsmittel zu wählen oder Abfall zu minimieren.

03

Die Vielfalt der bei Veranstaltungen genutzten Energiequellen sowie der Mangel an zugänglichen Daten erschweren es Einzelpersonen, ihre persönlichen Auswirkungen genau zu bewerten. Ohne technologische Unterstützung wird es zu einer überwältigenden Aufgabe, die feinen Details der Emissionen aus dem Energieverbrauch zu erfassen.

Lösung

Das Widget zielt darauf ab, die Herausforderung zu bewältigen, das Bewusstsein für persönliche CO₂-Beiträge während Veranstaltungen zu stärken. Durch die Bereitstellung von Echtzeitdaten zum individuellen CO₂-Fußabdruck, basierend auf verschiedenen, auf eine bestimmte Veranstaltung zugeschnittenen Parametern, vermittelt das Widget den Nutzern umsetzbare Erkenntnisse. Indem es das Bewusstsein auf persönlicher Ebene fördert, ermutigt es die Teilnehmer, nachhaltigere Verhaltensweisen zu übernehmen und so gemeinsam zur Reduzierung der CO₂-Emissionen beizutragen.

Solution
Project goal
Target audience

Zielgruppe

Zur Zielgruppe gehören Veranstalter, die ihr Engagement für grüne Initiativen zeigen möchten. Das Widget spricht außerdem umweltbewusste Organisationen an, die Wert auf Transparenz in Bezug auf ihre Umweltauswirkungen legen und andere dazu inspirieren möchten, ihrem Beispiel zu folgen. Auch Veranstaltungsteilnehmer, die sich für einen nachhaltigeren Lebensstil einsetzen, bilden einen wichtigen Teil der Zielgruppe, da sie motiviert sind, informierte und umweltfreundliche Entscheidungen zu treffen.

Verfügbare Funktionen für den Nutzer

Daten eingeben, um Ergebnisse zu erhalten
Daten eingeben, um Ergebnisse zu erhalten

Nutzer füllen einen kurzen Test aus und wählen Antworten aus einer Reihe von vorgeschlagenen Optionen.

Messwerte anzeigen
Messwerte anzeigen

Das Widget bietet eine klare Übersicht über individuelle CO₂-Fußabdrücke. Eine konkrete Zahl ohne unnötige Ablenkung!

Statistiken zum CO₂-Fußabdruck erhalten
Statistiken zum CO₂-Fußabdruck erhalten

Das Diagramm bietet eine visuelle Darstellung der CO₂-Emissionen in einem leicht verständlichen Format.

Erfahren Sie, wie Sie CO₂-Emissionen reduzieren können
Erfahren Sie, wie Sie CO₂-Emissionen reduzieren können

Zusammen mit dem Ergebnis erhalten Nutzer hilfreiche Tipps und praktische Strategien zur Reduzierung von Emissionen.

Mehr über unseren Ansatz erfahren
Mehr über unseren Ansatz erfahren

Nutzer können mehr über die Methodik und die Datenquellen lesen, die zur genauen Berechnung der Emissionen verwendet werden.

Ergebnis mit Freunden teilen
Ergebnis mit Freunden teilen

Die Social-Media-Teilfunktion fördert breitere Diskussionen über Nachhaltigkeit.

Banner

So funktioniert es

Das Widget wird für jedes Unternehmen (Veranstalter) individuell erstellt. Die Liste der Fragen für die Nutzer wird auf Grundlage der jeweiligen Veranstaltung und der beteiligten Faktoren zusammengestellt.

Der Veranstalter fügt den Code auf der Website ein, woraufhin das Widget für die Besucher der Website (d. h. die Veranstaltungsteilnehmer) sichtbar wird. Durch einen Klick auf das Widget werden die Nutzer eingeladen, einen kurzen Test zu absolvieren, der nur wenige Minuten dauert.

Arrow
How it works
Arrow
Electronics
Arrow
Household
Arrow
Office
Arrow
Heating
Arrow
Time on event
Arrow

Nach Abschluss des Tests erhalten die Nutzer eine Zusammenfassung ihrer umweltbezogenen Auswirkungen speziell für diese Veranstaltung.
Zusätzlich erhalten sie praktische Strategien zur Reduzierung ihrer CO₂-Emissionen.
Die Vorschläge können Maßnahmen zur Energieeinsparung, zur Abfallreduzierung, alternative Transportmöglichkeiten usw. umfassen, die leicht umzusetzen sind.

You have got a good result!
Arrow Arrow
How to decrease your carbon footprint?
How do we calculate your carbon footprint?

Admin

Das Admin-Panel bietet eine übersichtliche Oberfläche zur Verwaltung von Veranstaltern, die personalisierte Widgets erstellen möchten. Der Administrator kann neue Unternehmen einfach registrieren und jedes Frageformular an die spezifischen Faktoren verschiedener Veranstaltungen anpassen, sodass die Fragen relevant und aussagekräftig sind.

Admin

Funktionen des Admin-Bereichs

Quantity of posted events
Anzahl der veröffentlichten Veranstaltungen

Das Diagramm bietet eine visuelle Übersicht über alle Veranstalter, die das Widget bereits auf ihrer Website nutzen.

Base values management
Verwaltung der Basiswerte

Der Administrator verwaltet die Datenbank der Variablen für Nutzerberechnungen, wie zum Beispiel durchschnittliche CO₂-Emissionen nach Ländern, und kann diese aktualisieren, um die Berechnungen auf dem neuesten Stand zu halten.

Participants quantity per event
Teilnehmeranzahl pro Veranstaltung

Die Statistik zur Teilnehmerzahl jeder Veranstaltung liefert Einblicke in das Nutzerengagement und die Reichweite der Events.

Events and clients
Veranstaltungen und Kunden

Der Administrator verwaltet die vollständige Liste der Veranstaltungen und ihrer Organisatoren, die das Widget nutzen, indem er zum Bereich „Veranstaltungen“ navigiert und Filter anwendet.

Events with high average CO₂
Veranstaltungen mit hohem durchschnittlichem CO₂-Ausstoß

Ein spezieller Bereich hebt Veranstaltungen mit hohen durchschnittlichen CO₂-Emissionen hervor, um Bereiche zu identifizieren, die Verbesserungen oder weitere Maßnahmen erfordern.

Company representatives
Unternehmensvertreter

Das Admin-Panel verwaltet eine Datenbank registrierter Unternehmensvertreter und stellt wichtige Kontaktdaten sowie organisatorische Informationen bereit.

Base value management

Verwaltung der Basiswerte

Der Administrator ist für die Verwaltung der Variablendatenbank verantwortlich, die zur Berechnung der Nutzerergebnisse verwendet wird. Da sich Daten jährlich oder sogar häufiger ändern können, kann der Administrator die Datenbank manuell aktualisieren, um die Berechnungen genau zu halten. Dadurch wird sichergestellt, dass alle Berechnungen auf realen und aktuellen Daten basieren.

Registrierte Veranstaltungen

Die praktische Funktionalität ermöglicht es dem Administrator, alle Veranstaltungen, die ihre Widgets integriert haben, effizient zu überwachen und zu verwalten. Dazu gehören Tools zur Verwaltung der Veranstaltungseinstellungen sowie die Möglichkeit, spezifische Faktoren hinzuzufügen, die die Grundlage des Fragebogens bilden (einzigartig für jedes Widget).

Registered events

Veranstaltungserstellung

1
Grunddaten

Um ein Widget für eine bestimmte Veranstaltung zu erstellen, fügt der Administrator zunächst grundlegende Informationen zur Veranstaltung selbst hinzu, einschließlich Veranstaltungstyp, Organisator, Termine, Land usw.

Grunddaten
2
Verbrauch

Der Administrator fügt alle Details zum Ressourcenverbrauch hinzu (diese hängen davon ab, wo die Veranstaltung stattfindet, welche elektrischen Geräte den Besuchern zur Verfügung gestellt werden, ob vor Ort Heizgeräte vorhanden sind usw.).

Verbrauch
3
Teilnehmer

Die CO₂-Emissionen werden direkt von der Anzahl der Teilnehmer beeinflusst, da diese sowohl die bereitgestellten Ressourcen als auch ihre eigenen Geräte nutzen. Dazu zählen auch Teilnehmer, die sich online registriert haben.

Teilnehmer
4
Widget-Anpassung

Damit sich das Widget nahtlos in die Event-Website einfügt, kann es individuell angepasst werden, zum Beispiel durch die Einstellung der passenden Höhe und Breite.

Widget-Anpassung
5
Die Veranstaltung ist erstellt!

Der Veranstalter erhält das Endergebnis in Form eines Codes, der in die Website eingebettet werden muss. Sobald der Code hinzugefügt wurde, wird das Widget für die Besucher der Veranstaltungswebsite sichtbar.

Die Veranstaltung ist erstellt!
Banner

Entwicklungsprozess

01
Planung und Anforderungsanalyse

In dieser Anfangsphase wurden die Projektziele, die Zielgruppe sowie die spezifischen Funktionen für das Widget und das Admin-Panel definiert.

02
Design und Prototyping

Der Designer entwickelte Wireframes für das Widget und das Admin-Panel. Dieser Schritt umfasste auch die Strukturierung des User Flows, die Sicherstellung einer intuitiven Navigation sowie die Ausrichtung des Designs an den Nutzerbedürfnissen. Anschließend wurden Prototypen erstellt, um das Endprodukt zu visualisieren.

03
Front-End-Entwicklung

Das Entwicklungsteam begann mit der Umsetzung der Benutzeroberfläche des Widgets und des Admin-Panels. Dabei wurden die visuellen Elemente aus dem Design implementiert und ein interaktives Nutzererlebnis geschaffen.

04
Back-End-Entwicklung

Anschließend konzentrierten sich die Entwickler auf den Aufbau der serverseitigen Logik, die Einrichtung der Datenbank und die Entwicklung von APIs. Dieser Schritt stellte eine effiziente Datenverarbeitung, sichere Datenverwaltung und eine reibungslose Kommunikation zwischen Widget, Admin-Panel und Server sicher.

05
Integration und Tests

Die Entwickler integrierten die Front- und Back-End-Komponenten und stellten sicher, dass diese harmonisch zusammenarbeiteten. Umfangreiche Tests wurden durchgeführt, um Fehler zu beheben und die Funktionalität zu überprüfen. Nach Abschluss der Tests und sobald das Produkt als stabil eingestuft wurde, wurden das Widget und das Admin-Panel in einer Live-Umgebung bereitgestellt.

Team

Das Projektteam bestand aus vier Spezialisten, die jeweils ihre Expertise einbrachten. Der Projektmanager koordinierte Aufgaben und Zeitpläne und sorgte für eine effektive Kommunikation sowie kontinuierlichen Fortschritt. Der UI/UX-Designer entwickelte die Logik des Fragebogens durch die Strukturierung des User Flows und richtete das Design an den Nutzerbedürfnissen sowie den Projektzielen aus. Das Entwicklungsteam deckte erfolgreich alle technischen Aspekte ab.

Konstantin Samokish
Konstantin Samokish
Projektmanager
Veronika Bykova
Veronika Bykova
UI/UX-Designer
Nataliia Belodedenko
Nataliia Belodedenko
Full-Stack-Entwicklerin
Sviatoslav Pidhursky
Sviatoslav Pidhursky
Back-End-Entwickler

Markenfarben & Schriftarten

Das Widget konzentriert sich auf das umweltfreundliche Thema und die Verbesserung der CO₂-Emissionswerte.

Daher haben wir eine Palette natürlicher Farben ausgewählt, die mit grünen Initiativen verbunden sind.

Primär
#007757
Sekundär
#B6C9C4
Neutral
#F0F5F7
ArchivoSchriftart

Minimalistische Schriftarten wurden gewählt, um die Bedeutung
der präsentierten Informationen zu unterstreichen.

Aa
Fett
Aa
Halbfett
Aa
Mittel
Aa
Standard
ÜberschriftenTyp
H1

Archivo Fett

26px / 32 px

H2

Archivo Fett

20px / 24 px

H3

Archivo Fett

16px / 22 px