Case Study · NGO-Plattform

GreenActivity: Müll sammeln, dokumentieren, motivieren

Für den ABIOLA e. V. haben wir die Umwelt-Kampagnen-Plattform GreenActivity gebaut: Müllsammel-Aktionen starten, per Foto dokumentieren und sich in Team- und Länder-Bestenlisten messen – im Web und als Mobile App.

Web-PlattformReact Native (Expo)Next.jsFastAPI
GreenActivity App: Feed mit dokumentierten Sammel-Aktionen
GreenActivity App: Startbildschirm mit Kampagnen-Einstieg

Web + App

eine Plattform

Teams & Länder

im Bestenlisten-Vergleich

Foto-Doku

für jede Aktion

Die Herausforderung

Der ABIOLA e. V. motiviert Menschen weltweit, Müll zu sammeln und ihre Umgebung sauberer zu machen. Doch einzelne Aktionen verpuffen schnell: Was gesammelt wird, sieht niemand – und wer mitmacht, bekommt kaum Rückmeldung, was sein Einsatz bewirkt.

Gesucht war eine Plattform, die Engagement sichtbar und zählbar macht: Aktionen sollen einfach zu starten sein, Ergebnisse dokumentiert werden – und ein spielerischer Wettbewerb zwischen Teams und Ländern soll zusätzlich motivieren.

Die Lösung

GreenActivity verbindet eine Next.js-Web-Plattform mit einer Mobile App auf React-Native/Expo-Basis – dahinter ein gemeinsames FastAPI-Backend mit PostgreSQL. Kampagnen, Fotos und Ranglisten sind überall synchron.

Wer mitmacht, legt in wenigen Schritten eine Kampagne an, dokumentiert die Sammel-Aktion per Foto und sieht das eigene Team in der Bestenliste klettern – vom lokalen Team-Ranking bis zum Länder-Vergleich.

Kampagnen starten in Minuten

Vom Einfall zur Aktion ohne Umwege: Eine neue Kampagne ist in wenigen Schritten angelegt und für alle sichtbar – so wird aus einer Idee ein gemeinsames Projekt.

  • Kampagne in wenigen Schritten anlegen
  • Jede Aktion mit eigener Kampagnen-Seite
  • Fortschritt für alle Beteiligten sichtbar
GreenActivity App: Einstieg zum Starten einer Kampagne
Start
GreenActivity App: Detail-Ansicht einer Kampagne
Kampagne

Feed & Foto-Doku

Jede Sammel-Aktion wird per Foto dokumentiert und erscheint im Feed – so sieht die ganze Community, was sich bewegt. Der Einstieg bleibt bewusst einfach, damit niemand an der Anmeldung scheitert.

  • Aktionen per Foto dokumentieren
  • Feed zeigt, was die Community bewegt
  • Einfacher Login ohne Hürden
GreenActivity App: Feed mit Fotos gesammelter Aktionen
Feed
GreenActivity App: Anmeldebildschirm
Login

Bestenlisten für Teams & Länder

Ein bisschen Wettbewerb wirkt Wunder: Team-Rankings und die Länder-Bestenliste machen aus einzelnen Aktionen eine Bewegung – spielerische Anreize statt erhobenem Zeigefinger.

  • Team-Rankings motivieren zum Dranbleiben
  • Länder-Bestenliste für den globalen Vergleich
  • Gesammelte Erfolge auf einen Blick
GreenActivity App: Bestenliste der Teams
Teams
GreenActivity App: Länder-Bestenliste
Länder

Die Web-Plattform

Kampagnen, Feed und Ranglisten gibt es auch im Browser – synchron zur App.

greenactivity.abiola.ngo
GreenActivity Web-Plattform: Startseite mit Kampagnen-Übersicht

greenactivity.abiola.ngo

Tech-Stack

AppReact Native (Expo)WebNext.jsBackendFastAPIDatenbankPostgreSQL

Ähnliches Projekt geplant?

Ob App, Website oder komplette Plattform: Lass uns unverbindlich darüber sprechen, wie dein Projekt aussehen könnte – mit klarem Festpreis und ehrlicher Einschätzung.