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)
Hinweis zur Barrierefreiheit
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.