Kunde
Future4kids
Meine Rolle
UX Design
Informationsarchitektur
UI Design
Sketching and Wireframing
Prototyping with Sketch
Entwicklung
TYPO3
Future4kids ist eine Gruppe von Ehrenamtlichen, die sich für eine gesunde Zukunft unserer Kinder einsetzen. Mit Hilfe regionaler Unternehmen fördern sie Kita-Förderprojekte in den Bereichen gesunde Ernährung. Für den Relaunch der Webseite habe ich mit Hilfe meiner Mentorin die Informationsarchitektur neu definiert, ein ansprechendes Layout erstellt und Icons entworfen, die das Thema gesunde Ernährung auf ansprechende Weise visualisieren.
Das Problem verstehen
Future4kids stand vor der Herausforderung, das Vertrauen potenzieller Spender aufzubauen, indem sie Sichtbarkeit, Transparenz, Motivation zur Spende und eine sichere, reibungslose Zahlungsabwicklung gewährleisten.
Verbesserung der Unterstützung
Klarheit: Wenn die Nutzer nicht verstehen, wie sie das Projekt unterstützen können, ist es weniger wahrscheinlich, dass sie dies tun
Konkretisierung: Das Anbieten spezifischer Unterstützungsmöglichkeiten (Geldspenden, Freiwilligenarbeit) erhöht die Wahrscheinlichkeit, dass sich die Nutzer engagieren
Stärkung der Verbindung zu den Nutzern
Die Stimme der Kinder ist stark und erzeugt Empathie für ihre Sache
Aufbau von Vertrauen und Transparenz
Transparenz: Klare und zugängliche Informationen sind für die Glaubwürdigkeit des Projekts unerlässlich
Visualisierung: Eine interaktive Karte ermöglicht es den Nutzern, den Projektfortschritt auf greifbare Weise zu erleben
Projektziele
Klare Call-to-Action (CTA)
Die Benutzererfahrung optimieren und gleichzeitig die Spendenbereitschaft steigern, indem auffällige CTA-Elemente platziert werden, die die Besucher direkt zur Spende auffordern.
Storytelling
Visuelle Elemente wie Bilder, Geschichten und Testimonials veranschaulichen Spendenauswirkungen und schaffen emotionale Bindung, die zur Spendenmotivation beiträgt.
Leicht verständliches Formular
Gestaltung einer benutzerfreundlichen Spendenformular sowie eine übersichtliche Darstellung der Spendenverwendung.
Icon Gestaltung
Icons sind visuell, schnell verständlich und fördern die Benutzererfahrung. Sie steigern die Einladung und Benutzerfreundlichkeit der Website.
Research Methods
- Benchmark analyse
- Information Architecture
- Card Sorting
- Wireframing
- Prototyping
Das Prozess
1.
Optimierung der Inhaltsstruktur
Mit der Neugestaltung unserer Website stand die Verbesserung der Auffindbarkeit von Inhalten im Fokus. Um dieses Ziel zu erreichen, haben wir sowohl die allgemeine Navigation als auch die Strukturierung und Darstellung der Inhalte auf den einzelnen Seiten optimiert.
2.
Verbesserte Lesbarkeit und Informationsaufnahme
Die Inhalte auf den einzelnen Seiten sind jetzt übersichtlicher gegliedert und in sinnvolle Absätze unterteilt.
3.
Visuelle Elemente lenken den Blick
Hervorhebungen, Bilder, Icons und Karten lenken den Blick auf wichtige Informationen und sorgen für ein abwechslungsreiches Leseerlebnis.
Wireframing der Lösung
Der Vorschlag für die Wireframes wurde auf der Grundlage der ermittelten Probleme entwickelt.
Das ergebnis
Andere projekte
Lass uns in Kontakt bleiben!
Melde dich gerne bei mir, wenn du Interesse an einer Zusammenarbeit hast oder einfach nur ein freundliches Hallo sagen möchtest