Vom Chaos zum Design-System: Wie HorseDeal seine Produktentwicklung skaliert

UI/UX Design • Designsystem

Die Herausforderung

HorseDeal ist die Sharing-Plattform für Pferde: Pferdebesitzer:innen finden hier qualifizierte Reit-, Spazier- und Pflegebeteiligungen für ihr Pferd. Mit wachsender Nutzerzahl wuchsen auch Umfang und Komplexität des Produkts – ohne wiederverwendbare Komponenten wurde die Pflege von Screens und Prototypen zunehmend wartungsintensiv. Jede neue Funktion bedeutete Mehraufwand statt Wiederverwendung, das Onboarding neuer Teammitglieder war aufwändig, und Erweiterungen kosteten mehr Zeit, als sie sollten.

Für ein SaaS-Team ist das ein bekanntes Muster: Design-Schulden bremsen die Entwicklungsgeschwindigkeit, Inkonsistenzen zwischen Screens führen zu Rückfragen und Fehlern in der Abstimmung mit der Entwicklung, und jede Iteration wird teurer statt günstiger.

Horsedeal Startseite UI/UX Design
Designsystem Beispiel Listings UI/UX Design

Die Lösung

Gemeinsam mit HorseDeal entstand ein skalierbares Design-System, das Klarheit schafft und die Erstellung neuer Screens spürbar beschleunigt. Statt einzelne Screens immer wieder neu zu bauen, arbeitet das Team heute mit einer strukturierten Bibliothek aus über 500 Komponenten – von Basic Design Styles über Module bis hin zu wiederkehrenden Patterns.

Das System ist in vier klar abgegrenzte Bereiche gegliedert:

  • Changelog & Helper – sorgt für Nachvollziehbarkeit und Überblick bei jeder Änderung
  • Basic Design Styles – Farben, Typografie und Grundwerte als verbindliche Quelle der Wahrheit
  • Module – zusammengesetzte, wiederverwendbare Bausteine für den Produktalltag
  • Patterns – bewährte Lösungen für wiederkehrende UX-Probleme

Konkret sichtbar wird das an Komponenten wie dem Kontakt-Teaser, dem Review-Modul mit Sternebewertung und verifizierten Mitgliedern oder den Listing-Karten für Pferde und Pferdemenschen – alle einheitlich gestaltet, alle sofort einsetzbar, alle ohne Abstimmungsschleifen erweiterbar.

Die Ziele:

  • Weniger Fehler in der Zusammenarbeit mit der Entwicklung
  • Schnellere Erstellung von Screendesigns
  • Erweiterungen einfach und ohne Mehraufwand umsetzbar
  • Ein Changelog sorgt jederzeit für Überblick
  • Mehr Freude an der Arbeit mit dem Design-System – im Design-Team wie in der Entwicklung

Das Projekt in Zahlen

  • 24+ Monate Zusammenarbeit
  • 1 Meeting pro Woche – kurze Wege, klare Abstimmung
  • 500+ Komponenten im Design-System
  • 100 % mehr Spaß statt Frust im Arbeitsalltag

Der Effekt für ein technisches Führungsteam: Ein Design-System ist keine reine Design-Spielerei, sondern reduziert technische und gestalterische Schulden gleichermaßen. Entwicklung und Design sprechen dieselbe Sprache, Handoffs werden einfacher, und neue Features lassen sich aus bestehenden Bausteinen zusammensetzen statt von Grund auf neu zu entwerfen.

Bereit für dein eigenes Design-System?

Lass uns gemeinsam über deine aktuelle Website oder dein Produkt schauen. Schreib mir einfach eine Nachricht für ein unverbindliches Gespräch.

„Sebastian hat uns mit seiner Expertise dabei geholfen, Struktur und Ordnung in unsere Design-Prozesse zu bringen und von Grund auf eine smarte UI-Library aufzubauen. Ich freue mich auf die weitere Zusammenarbeit und empfehle ihn uneingeschränkt Unternehmen weiter, die hohen Wert auf durchdachte und pixelperfekte Designs legen."
Benjamin Kröni – Gründer und Geschäftsführer, Horseplanet AG

Weitere Projekte