Webdesign · UX/UI Design · Auftragsarbeit
Relaunch Städtepartnerschaft Wuppertal-Matagalpa
Die Webseite der Städtepartnerschaft Wuppertal-Matagalpa existiert seit Jahren, aber sie ist überladen, nicht mobilfähig und für ihre Zielgruppe kaum navigierbar. Ich habe den Relaunch als Auftragsarbeit übernommen: neue Informationsarchitektur, neues Designkonzept, barrierefreie Umsetzung in WordPress. Die politische Lage in Nicaragua macht bestimmte Projektinhalte zu einer Sicherheitsfrage. Was kommuniziert wird und wie, ist Teil des Designprozesses.
Rolle
UX/UI Design
Zeitraum
laufend
Tools
Figma, WordPress, Claude Code
Kontext
Eine neue Webseite, ein neuer Online-Auftritt
Der Verein besteht seit 1987 und pflegt die Partnerschaft zwischen Wuppertal und der nicaraguanischen Stadt Matagalpa. Die Zielgruppe: Menschen aus Wuppertal, vorwiegend 60+. Sie sollen Projekte nachvollziehen, Neuigkeiten finden, spenden und beitreten können.
Die bestehende Website verhindert das: textschwer, strukturlos, auf Mobilgeräten kaum nutzbar. Hinzu kommt: Die politische Lage in Nicaragua macht bestimmte Projektinhalte zu einer Sicherheitsfrage.
Meine Rolle
Von der Analyse bis zur laufenden Umsetzung
Von der Analyse der bestehen-den Website über Nutzerinterviews, Informationsarchitektur, Designkonzept und Low-Fi-Prototyp bis zur WordPress-Umsetzung bin ich verantwortlich. Zusätzlich habe ich eine neue Kommunikationsstrategie und Vorschläge für Social Media, Newsletter und Online-Spenden entwickelt.
Analyse · Nutzerinterviews · Informationsarchitektur · Designkonzept · Prototyping · WordPress
Prozess
Iterativ, nutzerorientiert, laufend
01
Analyse
Bestehende Website systematisch auf Schwachstellen untersucht
02
Konzept
Mitglieder und Interessierte zu Informationsbedarf befragt
03
Kombination
Neue Informations-architektur und Designkonzept entwickelt
04
Reinzeichnung
Low-Fi-Prototyp erstellt und mit Vereinsvor-stand besprochen
05
WordPress
Umsetzung läuft. Übergabe mit Pflegeanleitung geplant
Methoden
Gestaltung und Redaktion
Moodboard
Visuelle Richtung für das Branding und die Webseite
Wettbewerbsanalyse
NGO-Webseiten als Referenz
Wireframing & Prototyping
Konzept vor Umsetzung validieren
Iteratives Arbeiten
Informationsarchitektur & Problemanalyse strukturieren