Mehr Raum für Diskussion. Ein Website-Redesign für youmocracy
Webdesign & Umsetzung
youmocracy.de
2026
youmocracy e.V. bringt junge Menschen ins Gespräch, überparteilich und auf Augenhöhe. Was 2020 in einem Freundeskreis begann, ist heute ein Verein mit über 250 Engagierten, die Diskussionsabende organisieren, Workshops an Schulen geben und Diskussionsschulen auszeichnen.
Der Verein war gewachsen, die Website nicht. Ziel des Redesigns war eine klare Struktur, die zeigt, was youmocracy bewegt, und direkte Wege zum Mitmachen und Fördern. Design und Umsetzung habe ich im engen Austausch mit dem Verein übernommen, Wünsche und Feedback sind direkt in die Seite eingeflossen. Heute pflegt das Team die Inhalte selbst. Was an einer Stelle geändert wird, ist sofort auf allen Seiten aktuell. So wächst die Website mit dem Verein mit.
Die Ausgangslage
An der alten Website hatten über die Jahre viele verschiedene Menschen gearbeitet. So war ein unübersichtliches Geflecht aus Seiten entstanden. Wer sich engagieren wollte, fand kaum heraus, wo und wie. Und Inhalte zu ändern war für das Team aufwendig und kompliziert.
Das Ziel
- Ein frischer Auftritt, der zur jungen Zielgruppe passt
- Neue Funktionen wie ein Blog für Neuigkeiten aus dem Verein
- Eine Website, die das Team ohne Hilfe selbst pflegen kann
Vorher und nachher
Die Wünsche des Vereins und wie ich sie umgesetzt habe
- Klare KommunikationEine feste Ansprechperson und verständliche Absprachen in jeder Phase. Auch kurzfristige Änderungen waren jederzeit möglich.
- So wenig Tracking wie möglichMöglichst keine Daten an Dritte. Wo ein externer Dienst nötig ist, kommt er aus der EU. Das schützt die Besucher*innen und den Verein.
- Rechtssichere BildnachweiseWer fremde Fotos zeigt, muss die Fotograf*innen nennen, sonst drohen Abmahnungen und teure Forderungen. Deshalb steht bei jedem Bild automatisch, wer es gemacht hat.
- Inhalte selbst in der HandFür den Verein habe ich eine eigene Oberfläche in WordPress gebaut. Ausgewählte Bereiche pflegt das Team dort selbst, ohne dass das Design leidet.
- Freiheit bei Texten, Bildern und VideosÜberschriften und Texte lassen sich jederzeit anpassen, Bilder und Videos frei einsetzen und austauschen. Dafür braucht der Verein keine Hilfe von außen.
- Feedback auf kurzem WegAlle Entwürfe lagen in Figma. Dort konnte der Verein direkt kommentieren, und Änderungswünsche waren meist schon kurz danach umgesetzt.
- Guides fürs TeamVerständliche Anleitungen zeigen Schritt für Schritt, wie Inhalte entstehen, zum Beispiel ein neuer Blogbeitrag. So können auch neue Ehrenamtliche direkt loslegen.
Ein Blick in die Website
Zahlen, die sich bewegen
Sobald „Unsere Zahlen“ ins Bild kommen, zählen sie hoch. Animierte Inhalte wie dieser brechen das Statische gezielt auf und lenken den Blick auf das, was der Verein erreicht hat.
Bildnachweis beim Darüberfahren
Fährt man mit der Maus über ein Foto, erscheint, wer es gemacht hat. Jedes Bild ist so sauber gekennzeichnet, und kein Text stört die Wirkung der Fotos.
Partner und Preise an einem Ort
Partner, Stiftungen und Auszeichnungen werden an einer Stelle gepflegt und lassen sich filtern. Die Logoreihen auf allen anderen Seiten greifen darauf zu und bleiben automatisch aktuell.
Einmal schreiben, überall sichtbar
Ein Beitrag wird nur einmal angelegt und erscheint automatisch auf der Startseite und im Archiv, sortiert nach Themen. Doppelte Arbeit fällt weg, Neuigkeiten sind in Minuten online.
Der Diskussionskompass
Die fünf Prinzipien für fairen Diskurs sind zum Anklicken aufbereitet, jeweils mit Zitat und kurzer Erklärung. Aus einer langen Textseite wird so ein Inhalt, den man gern erkundet.
Newsletter wie aus einem Guss
Das Anmeldeformular stammt von einem externen Newsletter-Dienst und ist vollständig an das Design der Website angepasst. Besucher*innen merken keinen Bruch, die Anmeldung bleibt einfach.
Das Ergebnis
Seit Oktober 2026 ist die neue Website online. Sie ist die Anlaufstelle für alles rund um den Verein, und das Team baut sie Schritt für Schritt weiter aus.
- Auf Desktop, Tablet und Handy gleich gut nutzbar
- Blogbeiträge sind in wenigen Minuten online
- Texte, Bilder und Videos tauscht das Team selbst aus
- Neue Seiten entstehen aus fertigen Bausteinen
Die Zusammenarbeit war für das youmocracy-Team eine tolle Erfahrung. Nachdem wir uns über mehrere Jahre mit verschiedenen Partner:innen an einem Re-Design der Website versucht hatten, haben wir mit Sudi einen Gestalter gefunden, der eigene Ideen mitbrachte, unsere Wünsche zuverlässig und quasi in Lichtgeschwindigkeit umsetzte und den Besonderheiten eines größtenteils ehrenamtlich getragenen Vereins gerecht wurde. Er brachte Struktur ins Projekt und war jederzeit ansprechbar, auch für kurzfristige Änderungen. Das Ergebnis begeistert, intern wie nach außen! Wir können die Zusammenarbeit von ganzem Herzen weiterempfehlen!
Elias MüllerMitgründer und Vorstandsmitglied
