Politische Polarisierung wächst. Zivilgesellschaftliche Initiativen existieren in jedem Kiez – aber sie sind unsichtbar, unvernetzt und digital kaum auffindbar. Der Bruch liegt nicht im fehlenden Angebot, sondern in der fehlenden Infrastruktur, es zu entdecken.
DemocracyNet ist meine Antwort darauf: eine location-based Progressive Web App, die demokratisches Engagement sichtbar, zugänglich und persönlich relevant macht. Nicht für die bereits Überzeugten – sondern für alle, die noch nicht wissen, wo sie anfangen sollen.
→ Figma-Prototype
→ Base44-Prototype
Das Projekt entstand 2025 als selbstinitiiertes Konzept – mit einem Workflow, der von Anfang an AI als strategisches Werkzeug integrierte. Claude begleitete die Konzeptentwicklung, Hypothesenbildung und inhaltliche Strukturierung. Perplexity unterstützte die Competitive Analysis.
Das Ergebnis war kein Brainstorming-Output, sondern eine scharf definierte Produktthese: Kein bestehendes Tool verbindet lokale Entdeckung mit echter Beteiligungsinfrastruktur. Diese Lücke wurde zum Fundament des Produkts. Die qualitative Research mit Aktivistinnen, Studierenden und Community-Volunteers schärfte den Fokus weiter. Das zentrale Design-Prinzip daraus: Simplicity und Trust sind keine Gegensätze – sie sind beide nicht verhandelbar.
Das visuelle System wurde von einer einzigen Frage aus entwickelt: Wie fühlt sich demokratisches Engagement digital an?
Energetisch, menschlich, zugänglich – aber nicht laut.
Typografie
REM als Typografie-Wahl steht für diesen Charakter: stark, klar, gleichzeitig dringend und einladend.
Colors
Rose (#FF5678) als Brand- und Action-Farbe, Concrete (#212121) als typografische Basis. Schwarzweiß-Fotografie schafft emotionale Konsistenz über unterschiedlichstes Bildmaterial.
Illustration
Handgezeichnete Illustrationen in Rose und Schwarz balancieren die Ernsthaftigkeit des Themas – und senken die Hemmschwelle besonders für Nutzer:innen wie Marianne.
High-Fidelity Wireframes &
Figma-Prototyping
Das Komponenten-System deckt Navigation, Karten, Modalansichten und alle spezifischen UI-Elemente der Map ab – mobile-first, mit definiertem Spacing-System, vollständig für PWA-Anforderungen optimiert.
Ich habe einen kontinuierlichen Feedback-Kreislauf etabliert, um meine Designs iterativ zu verbessern. Dabei habe ich stets den UX- und UI-Fokus sowie die Ziele der Nutzenden im Auge behalten. Besonders in den Übergangsphasen (z. B. vom Mid- zum High-Fidelity-Prototyp) war mein Feedback entscheidend, um das Projekt maßgeblich voranzutreiben.
DemocracyNet existiert heute als vollständiger, funktionaler PWA-Prototyp – gebaut mit Leaflet.js für die interaktive Kartenebene, statischem JSON als Content-Layer und einem vollständig frontend-basierten Stack ohne Backend-Abhängigkeit. Evaluiert und umgesetzt mit Claude, Figma Make, Lovable und base44 – letzteres als primäre Implementierungsumgebung gewählt, weil es die überzeugendste Balance aus Design-Kontrolle und funktionaler Tiefe bot.
Der nächste Schritt ist eine weitere visuelle Angleichung an die Vorlage und ein Beta-Launch in Köln – mit echten zivilgesellschaftlichen Organisationen, realen Nutzerdaten und drei definierten Erfolgsmetriken: Discovery Rate, Newsletter Registrations und Session Time.
Demokratie beginnt direkt vor der Haustür. DemocracyNet macht sie sichtbar.
Telefon
Standort
Köln, Deutschland
Remote möglich
Profile
