Über das Projekt
Für den gemeinnützigen Verein Mensch Mach Mit! e.V. aus Friedberg habe ich die Vereinswebsite komplett neu konzipiert und im Content-Management-System WordPress umgesetzt. Der Verein setzt sich seit 2013 für gelebte Inklusion ein und veranstaltet unter dem Motto „Vielfalt verdrängt Einfalt“ zahlreiche inklusive Freizeit- und Kulturangebote, darunter das Mensch Mach Mit Festival, Hessens größtes Festival dieser Art. Ziel des Relaunchs war eine moderne, klar strukturierte und zugängliche Website, die die Werte des Vereins auch digital erlebbar macht.
1. Inhaltsabstimmung und neue Mensch Mach Mit Seitenstruktur
Zu Beginn des Projekts stand eine gemeinsame Abstimmung mit dem Verein: Welche bestehenden Inhalte werden übernommen, welche werden überarbeitet und wie sollen sie in der neuen Seitenstruktur eingeordnet werden? In diesem Schritt habe ich die vorhandenen Inhalte gesichtet, thematisch gebündelt und daraus eine übersichtliche Informationsarchitektur entwickelt.
Der Fokus lag darauf, Besucher*innen schnell zu den wichtigsten Bereichen zu führen, etwa den Aktivitäten des Vereins, Informationen zur Mitgliedschaft sowie zu Spenden und Sponsoring. Eine durchdachte Seitenstruktur bildet nicht nur die Grundlage für gute Usability, sondern ist auch die Basis für eine saubere SEO-Struktur und klare Navigationswege.
2. Designsprache und Corporate Identity
Auf Grundlage der abgestimmten Struktur habe ich die visuelle Designsprache definiert und in einer Corporate-Identity-Vorlage festgehalten. Diese sorgt dafür, dass alle Seiten und künftigen Inhalte ein einheitliches, wiedererkennbares Erscheinungsbild behalten.
Kernelemente der Designsprache
Typografie
Als Hausschrift kommt Gotham zum Einsatz. Eine klare, freundliche und gut lesbare Schrift, die dem offenen Charakter des Vereins entspricht.
Farben
Eine definierte Farbpalette, die die Lebendigkeit und Vielfalt des Vereins widerspiegelt und gleichzeitig auf gute Lesbarkeit und Kontraste achtet.
Grafische Verzierungen
Wiederkehrende grafische Elemente, die den Seiten Charakter verleihen und als verbindende Gestaltungsklammer über alle Bereiche hinweg funktionieren.
3. Wireframe der Mensch Mach Mit Startseite
Bevor die Umsetzung im CMS begann, habe ich ein Wireframe der Startseite erstellt. Das Wireframe legt die Anordnung der einzelnen Inhaltsbereiche fest, noch ohne finale Grafik, dafür mit klarem Fokus auf Struktur, Hierarchie und Nutzerführung.
So konnte ich gemeinsam mit dem Verein frühzeitig abstimmen, welche Inhalte prominent platziert werden und wie der Besucher durch die Seite geführt wird. Das Wireframe diente als verbindliche Blaupause für die spätere Umsetzung und half, Missverständnisse und aufwendige Korrekturen im fertigen System zu vermeiden.
4. Umsetzung im CMS WordPress
Im letzten Schritt habe ich die Website auf Basis des Wireframes und der Designsprache in WordPress aufgebaut. WordPress bietet dem Verein eine flexible und zukunftssichere Grundlage: Inhalte lassen sich künftig eigenständig pflegen, ohne dass Programmierkenntnisse nötig sind.
Bei der Umsetzung habe ich darauf geachtet, das Corporate Design konsequent umzusetzen, die Seiten für mobile Endgeräte zu optimieren und eine intuitive Bedienbarkeit sicherzustellen. Damit erhält der Verein eine Website, die nicht nur gut aussieht, sondern auch im Alltag leicht zu betreuen ist.
Fazit
Der Relaunch von menschmachmit.de zeigt einen durchgängigen Gestaltungsprozess: von der gemeinsamen Inhaltsabstimmung über die Entwicklung einer eigenständigen Designsprache und das Wireframing bis zur finalen Umsetzung im CMS WordPress. Entstanden ist eine moderne, klar strukturierte Vereinswebsite, die die Werte von Mensch Mach Mit! e.V. authentisch nach außen trägt und die der Verein selbstständig weiterpflegen kann.
Du planst einen ähnlichen Website-Relaunch oder eine neue WordPress-Seite? Schreib mir gerne über das Kontaktformular.
Hinweis: Ein Teil der Texte auf dieser Seite wurden mit Hilfe von KI generiert, umformuliert oder korrigiert.