Tierheim Berlin

Ein Website-Redesign und eine begleitende mobile App, die Tieradoption und Spenden für Berlins offizielle Tierschutzorganisation einfacher machen.


Art

  • Konzeptprojekt

Meine Rolle

  • UX-Research
  • UI-Design
  • Wireframing
  • Prototyping

Tools

  • Figma
  • FigJam

Dauer

  • Kursprojekt
  • 4 Wochen


Website-Redesign und wichtigste Screens der mobilen App


Zusammenfassung der Case Study

Überblick

Tierheim Berlin ist die offizielle Vereinigung für Tierschutz in Berlin, die streunende und ausgesetzte Tiere rettet und rehabilitiert. Da die Organisation hauptsächlich durch Adoptionen und Spenden finanziert wird, bestand das Projektbriefing darin, das visuelle Design der bestehenden Website zu aktualisieren und zu vereinfachen sowie eine begleitende mobile App zu entwickeln, die Tieradoption und Spenden einfacher macht.

Das Problem

Tierheim Berlin hatte keine mobile App, und die bestehende Website war informationsdicht und schwer zu navigieren. Die Nutzerforschung bestätigte, dass die Menschen der Organisation zwar vertrauten, aber Schwierigkeiten hatten, Tiere zu finden oder Spenden effizient abzuschließen. Ein einfacheres, Mobile-First-Erlebnis wurde als wertvolle Ergänzung identifiziert.

Research und Entdeckung

Drei Nutzerinnen und Nutzer wurden interviewt: eine Familie, die eine Katze adoptieren möchte, eine Person, die einen Hund adoptieren möchte, und eine Person, die spenden möchte. Alle gaben an, zuerst online zu suchen – über lokale Tierheime, soziale Medien oder eBay Kleinanzeigen – bevor sie persönlich vorbeikommen. Alle fanden die bestehende Tierheim-Berlin-Website dicht und schwer zu navigieren, und alle waren der Meinung, dass eine mobile App mit Fokus auf Adoption und Spenden eine wertvolle Ergänzung wäre.

Designprozess

Das Projekt folgte einem vollständigen UX-Prozess: Nutzerforschung und Interviews, Wettbewerbsanalyse, User-Flow-Mapping für zwei zentrale Nutzerreisen (Kontoerstellung und Tiersuche; Einrichtung einer monatlichen Spende), Low- und Mid-Fidelity-Wireframes für die mobile App sowie Nutzer-Präferenztests. Das Design hat sich von den ersten Wireframes bis zur finalen Version erheblich verändert – angetrieben durch Nutzerfeedback. Die Präferenztests zeigten, dass 65 % der Nutzerinnen und Nutzer alle Tierkategorien auf der Startseite bevorzugten, und es wurde deutlich, dass 35 % horizontales Scrollen als unangenehm empfanden.

Hauptscreens

Die mobile App umfasst Startseite, Katzenkategorie, individuelle Tieranzeige und Spendenablauf. Das Website-Redesign beinhaltet eine vereinfachte Startseite, Katzenkategorieseite, individuelle Tieranzeige und Spendenscreen – alles darauf ausgelegt, die Informationsdichte zu reduzieren und die Navigationsklarheit zu verbessern.

Rückblick

Der Redesign-Prozess war bereichernd – die Analyse der bestehenden Website hat verdeutlicht, welche Funktionen für das Tierheim am wichtigsten sind und wo Verbesserungen möglich waren. Die größte Herausforderung bestand darin, eine vollständige Website in eine fokussierte mobile App zu überführen, aber das Nutzerfeedback hat das Design bei jeder Iteration gestärkt.


Tierheim Berlin – Case Study PDF (ergänzend)

Die herunterladbare PDF-Version dieser Case Study ist möglicherweise nicht für alle Hilfstechnologien vollständig zugänglich. Die obige Zusammenfassung enthält den vollständigen Projektinhalt. Bei Bedarf an barrierefreien Alternativen bitte Kontakt aufnehmen: aesperia17@gmail.com

Splash-Screen-Fotos von Alec Favale & Noelle Rebekah auf Unsplash. Weiteres Bildmaterial mit freundlicher Genehmigung von Tierheim Berlin.