Ausgangssituation
ZooRoyal plante die Einführung eines Loyalty-Programms inklusive Tierprofil zur Stärkung der Kundenbindung. Erste Grobkonzepte lagen vor, jedoch ohne ausgearbeitetes Feinkonzept und ohne Berücksichtigung aller relevanten Use Cases.
Zudem existierte kein digitales Web-Design-System. Das vorhandene Styleguide war ausschließlich auf Print ausgelegt – zentrale Elemente wie Buttons, Zustände, Farblogiken, Abstände oder Typografie-Hierarchien waren für digitale Anwendungen nicht definiert. Die Herausforderung bestand darin, das Loyalty-Programm konsistent in einen bestehenden Shop zu integrieren und gleichzeitig eine tragfähige Designbasis für zukünftige Erweiterungen zu schaffen.

Meine Rolle
Ich war verantwortlich für die vollständige Ausarbeitung des UX- und UI-Designs für das Loyalty-Programm und das Tierprofil.
Auf Basis grober Konzepte entwickelten wir im Team ein belastbares Feinkonzept, ergänzte fehlende Szenarien und strukturierte komplexe Logiken in eine klare Nutzerführung.
Parallel dazu definiertenwir die notwendigen Web-Design-Grundlagen und konsistente UI-Prinzipien. Die enge Abstimmung mit Konzeption und Entwicklung stellte sicher, dass Designentscheidungen technisch realisierbar und langfristig skalierbar waren.

Vorgehen
Zunächst wurden die bestehenden Konzepte kritisch analysiert und hinsichtlich Verständlichkeit, Logik und wirtschaftlicher Zielsetzung geschärft. Besonderer Fokus lag auf Bestandskunden, Login-Förderung und langfristiger Kundenbindung.
Anschließend wurde ein vollständiges Feinkonzept entwickelt, das alle relevanten Status- und Nutzungsszenarien des Loyalty-Programms abbildete.
Parallel entstand ein digitales Designfundament: Komponenten, Zustände, Farbdefinitionen und Layoutlogiken wurden systematisch definiert und dokumentiert. Die Umsetzung erfolgte iterativ in enger Zusammenarbeit mit dem Entwicklungsteam, um spätere Mehraufwände zu vermeiden.

Lösung
Es entstand ein konsistentes UX- und UI-Konzept für das Loyalty-Programm mit integriertem Tierprofil, nahtlos eingebettet in die bestehende Shoparchitektur.
Gleichzeitig wurde eine digitale Designbasis geschaffen, die als Grundlage für weitere Features dient und eine konsistente Umsetzung sicherstellt.

Ergebnis

• Einheitliches digitales Erscheinungsbild

• Reduzierte Abstimmungs- und Entwicklungskosten

• Saubere Integration in bestehende Systeme

• Skalierbare Basis für zukünftige Loyalty-Features

• Klar strukturierte Nutzerführung für Bestandskunden

Für mich besonders wichtig:
Das Loyalty-Programm und insbesondere das Tierprofil wurden in der entwickelten Form umgesetzt und live gestellt. Die Designs konnten ohne grundlegende Anpassungen in die Entwicklung überführt werden.
Die enge Abstimmung sowie die frühzeitige Definition eines konsistenten Design-Systems reduzierten Iterationen und Abstimmungsaufwände deutlich.
Die Rückmeldungen seitens des Kunden waren durchweg positiv, insbesondere hinsichtlich der gestalterischen Qualität und Systematik der Lösung.
Gutes UX/UI-Design beginnt nicht bei Screens, sondern bei Systemdefinition, Klarheit und technischer Realisierbarkeit.