Hallwerk
UI/UX & Produktdesign
Drei Jahre schnelles, unsystematisches Wachstum hatten ein Spesenmanagement-Produkt mit drei verschiedenen Button-Stilen zurückgelassen — und das Engineering verlangsamt, weil jeder neue Screen eine neue Design-Entscheidung brauchte.
Die Ausgangslage
Hallwerk ist ein fiktives Spesenmanagement-SaaS-Produkt, das von mittelständischen DACH-Finanzteams genutzt wird. Drei Jahre schnelles Wachstum hatten das Produkt mit uneinheitlichen Abständen, drei verschiedenen Button-Stilen und ohne dokumentierte Musterbibliothek zurückgelassen. Jeder neue Screen erforderte eine neue Design-Entscheidung statt der Wiederverwendung einer etablierten — das Engineering verlangsamte sich an einem Problem, das nichts mit der Komplexität der Features selbst zu tun hatte.
Gezeigte Disziplin
Specimen-Panels: ein Komponentenbibliotheks-Musterblatt und ein Vorher/Nachher-Abstandsdiagramm anstelle weiterer Fotografie.
01
UX-Audit-Methodik.
Ein systematischer Durchgang durch die Kernabläufe des Produkts, jede Unstimmigkeit mit konkretem Screen und Begründung katalogisiert — kein vages „fühlt sich falsch an".
Specimen-Panels: ein Komponentenbibliotheks-Musterblatt und ein Vorher/Nachher-Abstandsdiagramm anstelle weiterer Fotografie.
02
Ein dokumentiertes Komponentensystem.
Buttons, Eingabefelder, Karten und Zustände wurden zu einer einzigen, benannten Bibliothek zusammengeführt — dieselbe Specimen-Sheet-Disziplin, die in jedem UI/UX-Projekt gilt.
Specimen-Panels: ein Komponentenbibliotheks-Musterblatt und ein Vorher/Nachher-Abstandsdiagramm anstelle weiterer Fotografie.
03
Übergabe für ein internes Team gebaut.
Dokumentation, geschrieben, damit Hallwerks eigene Entwicklerinnen und Entwickler das System korrekt erweitern können, ohne dass das Studio bei jedem neuen Screen im Raum sein muss.