UX/UI Design

Watch Inventory

Rolle
Konzept, UX/UI Design und Entwicklung
Plattform
Web App für Desktop und Smartphone
Nutzer
Händlerteam mit Admin und Mitarbeiterrollen
Jahr
2026

Ein Händler für Luxusuhren kauft und verkauft Stücke von ein paar tausend Euro bis in den sechsstelligen Bereich. Jede Uhr geht durch viele Hände. Ankauf, Fotos, ein Platz im Safe oder beim Uhrmacher, eine technische Prüfung am Zeitwaagengerät und am Ende der Verkauf.

Bisher lebte diese Geschichte in Tabellen, Handyfotos und im Kopf. Das Briefing verlangte einen Ort für alles. Wo jede Uhr gerade ist, was sie gekostet hat, in welchem Zustand sie ist und wer sie zuletzt bearbeitet hat. Schnell genug für das Smartphone an der Theke und streng genug als offizielles Register.

Dashboard mit Lagerwert, Marge, Wert pro Lagerort und Uhren pro Marke

Ein Register, das sich leicht anfühlt

Problem

Uhren kommen an der Theke an und müssen sofort erfasst werden. Geprüft wird Tage später an der Werkbank. Werte ändern sich mit jeder Verschiebung und jedem neuen Preis. Nichts davon war verbunden. Niemand konnte sicher sagen, was auf Lager ist und was es wert ist.

Ziele

  • Eine neue Uhr am Smartphone erfassen, während der Verkäufer noch an der Theke steht.

  • Jede Uhr nach demselben Protokoll mit echten Messwerten prüfen.

  • Jederzeit wissen, wo jede Uhr ist und was der Bestand wert ist.

  • Eine Historie führen, die niemand ändern oder löschen kann.

  • Auf Englisch und Deutsch funktionieren.

Gebaut um das Leben einer Uhr

Die Navigation folgt der täglichen Arbeit. Dashboard, Bestand und das Erfassen einer Uhr stehen oben. Danach kommen die Orte, an denen eine Uhr sein kann, und zuletzt Berichte und Einstellungen. Mitarbeiter erfassen, prüfen, fotografieren und verschieben Uhren. Nur ein Admin verkauft, archiviert, öffnet Einträge wieder und verwaltet Benutzer.

Struktur der App nach täglicher Arbeit, Orten, Auswertung und Verwaltung

Jede Uhr geht denselben Weg vom Ankauf bis ins Archiv. Jeder Schritt schreibt einen Eintrag in die Historie, direkt in der Datenbank. So kann ihn kein Button und kein Fehler überspringen.

Lebenslauf einer Uhr vom Ankauf bis ins Archiv

Sechs kurze Schritte am Smartphone

Zuerst ein Entwurf

Eine neue Uhr wird nach dem ersten Schritt als Entwurf gespeichert und bekommt sofort ihre Inventarnummer. Man kann jederzeit aufhören und später auf jedem Gerät weitermachen.

Nur das Nötige

Stammdaten, Preise, Lagerort, Fotos, Prüfung und Kontrolle. Pflicht ist nur die Marke. Die Marge erscheint schon beim Tippen der Preise und Fotos kommen direkt aus der Handykamera.

Uhr am Smartphone erfassen in vier von sechs Schritten
Letzter Schritt beim Erfassen mit allen Daten auf einem Bildschirm

Ein Protokoll für jede Uhr

Jede Uhr wird nach einem Protokoll geprüft, das der Händler in den Einstellungen festlegt. Jeder Punkt ist bestanden, hat einen Mangel oder trifft nicht zu. Für die Ganggenauigkeit gibt es echte Messwerte pro Lage mit Gangabweichung, Amplitude und Abfallfehler, geprüft gegen Toleranzen.

Der Status der ganzen Uhr folgt einfachen Regeln. Ein Mangel wiegt schwerer als alles andere. So kann sich ein Problem nie hinter einer Reihe grüner Haken verstecken.

Prüfpunkte in vier Zuständen und der daraus folgende Status der Uhr
Prüfung mit Checkliste und Messwerten

Dunkel, ruhig und präzise

Der Kunde wünschte sich dunkles Anthrazit und Gold. Das Interface nimmt das wörtlich. Eine fast schwarze Fläche, warmes helles Weiß und Gold nur dort, wo es etwas bedeutet. Bei der Inventarnummer, der aktiven Seite, dem Fokus und bei Geld.

Alles ist aus Tokens und Komponenten in Figma gebaut, die dem Code entsprechen. Farben, Abstände und Radien sind Variablen. Bedienelemente haben ihre Zustände als Varianten und die Icons sind flache Carbon Glyphen mit gerade geschnittenen Ecken.

Farbtokens
Schriftgrößen
Abstände und Radien
Iconset
Buttons, Statusbadges, Eingabefelder, Navigation und Prüfzustände
Kennzahlen, Bestandstabelle, Lagerkarte und Historie

Die Ansichten für jeden Tag

Bestand

Suche über alle Felder, 18 Filter und laufende Summen für Einkaufswert, Verkaufswert und Marge.

Uhrenakte

Überblick, Prüfung, Bilder und Historie in vier Tabs. Verkaufte Uhren bleiben als schreibgeschützte Akte erhalten.

Bestandstabelle mit Inventarnummern, Lagerorten, Preisen und Prüfstatus
Uhrenakte mit Stammdaten, Preisen und Lagerort

Historie

Jede Änderung mit wer, wann und von was zu was. Geschrieben von der Datenbank und nie änderbar.

Lagerorte

Jeder Lagerort mit seinen Uhren und ihrem Wert. Eine Uhr zu verschieben ist ein Klick und landet in der Historie.

Historie einer Uhr mit Preisänderungen, Verschiebungen und Messungen
Lagerübersicht mit einer Karte pro Ort

Berichte

Aktueller Bestand und Verkäufe als Tabellen mit Summen. Als CSV oder Excel exportiert oder für die Buchhaltung gedruckt.

Einstellungen

Marken, Lagerorte, Listen, das Prüfprotokoll und Benutzer. Der Händler pflegt sie ohne Entwickler.

Berichte mit aktuellem Bestand und Summen
Einstellungen für das Prüfprotokoll

Mobil

Jede Ansicht funktioniert am Smartphone, vom Dashboard bis zur Prüfliste.

Dashboard am Smartphone
Bestand am Smartphone
Prüfung am Smartphone

Eine Quelle für alles

  • Bestand, Wert und Marge sind immer aktuell, ganz ohne Tabellen.

  • Jede Uhr hat ihre ganze Geschichte vom Ankauf bis zum Verkauf.

  • Nichts kann gelöscht werden. Verkaufte Uhren wandern mit ihrer ganzen Historie ins Archiv.

  • Prüfungen folgen demselben Protokoll für jede Uhr und jede Person.

  • Code und Daten gehören dem Kunden und es fallen keine Lizenzkosten an.

Die App ist fertig und läuft bis zur Übergabe als Testversion. Die Screens zeigen Demouhren und keinen echten Bestand.

Ein Register muss genau sein und ein wenig langweilig. Die Designarbeit steckt darin, diese Genauigkeit leicht wirken zu lassen. Damit das Team es an der Theke auch wirklich benutzt.

Nächstes Projekt

Badkleinkirchheim Bergbahnen