RACE NET HMI – UX/UI Development

Portfolio

2022–2026Enterprise UX · Product Ecosystem · 2022–2026

RACE NET

Vom ersten Engineering-Hub 2022 zum erneuerten Produktsystem 2026

Ich konzipierte und entwickelte RACE NET 2022 als gemeinsamen Einstieg in spezialisierte Engineering-Werkzeuge. Bis 2026 wuchs daraus ein firmenweiter Produktverbund – mit einem neuen Designsystem, klarerer Navigation und einer konsistenten Experience über die zentralen Tool-Suites.

UX StrategyUX ResearchEnterprise UXUsability TestingDesign SystemFront-End
Projekt ansehen
RACE NET Anwendung auf einem Notebook
RACE NET · 2022–2026
Meine Rolle
Lead UX/UI · Product Design · Front-End
Umfang
14 Werkzeuge · 7 Fachbereiche
Zeitraum
Initial 2022 · Design-Update 2026
Einsatz
Firmenweiter täglicher Produktiveinsatz

Ein digitaler Faden durch sieben Fachbereiche

RACE NET verbindet spezialisierte Werkzeuge über gemeinsame Rollen, Zustände und Interaktionsmuster. So bleibt der Arbeitskontext über Toolgrenzen hinweg erhalten.

14konfigurierte Tools
7Fachbereiche
4zentrale Tool-Suites
100+Flows & Zustände
Company SystemRACE NETOne digital thread

Engineering

Teile, Zeichnungen & Revisionen

Procurement

Bedarf, Lieferanten & Termine

Logistik

Materialfluss & Lagerorte

Qualität

Prüfungen & Freigaben

Produktion

Traceability & Reports

Organisation

Rollen & Dokumentation

End-to-End-Prozess

Neun verbundene Etappen statt isolierter Fachanwendungen

  1. 01StammdatenProdukttypen, Werkstoffe und Oberflächen schaffen einheitliche Grundlagen.Administration
  2. 02Teil & ZeichnungWeb Race Client überträgt Bauteile, Metadaten und Zeichnungen in den Unternehmenskontext.Engineering
  3. 03Recherche & DatenpaketPart Search, Part Files und Weight Management ergänzen Suche, Dateien und technische Kennwerte.Engineering
  4. 04Projekt & BOMAuftrag, Root-Part, Organisation, Fahrzeuge und Stückliste werden miteinander verknüpft.Project Setup
  5. 05Bedarf & BestellungProjektbedarfe werden zu Procurement Requests, MAWI-Vorgängen und Lieferterminen.Procurement
  6. 06Freigabe & PrüfungFAST, WiiGoR und QS-Ansichten bündeln Freigaben, Audits und Qualitätsentscheidungen.Quality
  7. 07Wareneingang & MaterialflussRoMUKL und Flow Tool ordnen Bestand, Lagerorte, Status und Projekte in einer Matrix.Logistics
  8. 08Produktion & SerialisierungRSN verbindet Baugruppen, Seriennummern, Scans und Abweichungen zur Rückverfolgbarkeit.Production
  9. 09DokumentationPDF, Excel, Etiketten, PDM-Dateien, Historien und Abos machen Ergebnisse dauerhaft nutzbar.Company-wide
Toollandschaft

Spezialisierte Tools, gemeinsamer Einstieg

Jede Anwendung löst eine konkrete Fachaufgabe. Wiederkehrende Navigation, Suche, Status und Komponenten machen daraus eine erkennbare Produktfamilie.

Procurement

Procurement Tool

Projektbeschaffung, BOM, Lieferanten, Termine, Status und Abonnements.

Logistics

RoMUKL & Partflow

Wareneingang, Lagerorte, Projektmatrix, QS-Sicht und operative Statuslogik.

Engineering

Web Race Client

Anlage und Übertragung von Teilen, Zeichnungen und technischen Klassifikationen.

Production

Roding Serial Numbers

Baugruppen, Scannerprozesse, Rückverfolgbarkeit, Labels und Berichte.

Engineering

Part Search Tool

Teilesuche, Revisionen, Dateien, Bilder, PDM-Informationen und Etiketten.

Engineering

RACE Part Files

Gebündelte Dateipakete und ZIP-Downloads für ausgewählte Teilenummern.

Quality

FAST Approval Tool

Nachvollziehbare Freigaben für Projektverwendung und Fertigung.

Quality

WiiGoR

Projektbezogene Audit- und Qualitätsprozesse.

Engineering

Weight Management

Verwaltung und Nachverfolgung gemessener Bauteilgewichte.

Logistics

Anpeitsch Tool

Transparente Priorisierung zeitkritischer Kundenlieferungen.

Administration

Master Data Tools

Produkttypen, Werkstoffe und Oberflächenbehandlungen.

Organisation

IDEFIX

Anwesenheit, Arbeitszeit, Urlaub und Abwesenheiten.

System & Rollen

Die Oberfläche ist der sichtbare Teil eines verteilten Systems

UX, Interaktionslogik und technische Dienste müssen denselben Kontext transportieren.

Experience LayerSuche · Tabellen · Formulare · Dashboards · Reports
Interaction LayerRollen · Validierung · Feedback · Status · Kontext
Data & Service LayerAPIs · Datenbanken · PDM · Dateien · Historien
01

Rollen statt Einheitsansicht

Zugang, Sichtbarkeit und Aktionen folgen der realen Verantwortung.

02

Kontext bleibt erhalten

Projekt, Phase, Teilenummer und Nutzerkontext begleiten die Arbeit.

03

Fehler werden handlungsfähig

Loading, Timeouts und Meldungen zeigen Zustand und nächsten Schritt.

04

Dokumente gehören zum Flow

PDF, Excel, PDM, Label und Historie sind operative Ergebnisse.

2022

Initial RACE NET

Modularer Einstieg, gemeinsame Navigation und wiederkehrende Muster für Engineering-Werkzeuge.

2026

Design Renewal

Neuer Company Tool Hub, Design-Tokens, responsive Komponenten und klarere Statuskommunikation.

Design-Update 2026

Aus gewachsenen Werkzeugen wird eine erkennbare Produktfamilie

Das Renewal war kein Styling-Update. Es ordnete Navigation, Hierarchie, Zustände und Rückmeldungen über die zentralen Tool-Suites hinweg neu.

01Gemeinsame NavigationEin wiedererkennbarer Rahmen verbindet spezialisierte Werkzeuge.
02Wiederkehrende KomponentenPanels, Tabellen, Filter und Formulare folgen denselben Regeln.
03Systematische StatuslogikFarben und Zustände bedeuten über Toolgrenzen hinweg dasselbe.
04Klare RückmeldungLadeanzeigen, Fehler, aktive Zustände und Bestätigungen schaffen Vertrauen.
05Informationsgerechte AnsichtenRollen, Abteilungen, Filter und Suche reduzieren irrelevante Komplexität.
Mein Profil

Meine Stärke liegt in der Verbindung der Disziplinen

UX Strategy

Komplexe Fachlogik verständlich strukturieren

UI Design

Visuelle Systeme statt Einzelkosmetik

Front-End

Ideen direkt belastbar umsetzen

Product Ownership

Verantwortung für den gesamten Lösungsweg

2022–2026: Funktion aufbauen, skalieren, erneuern

Das Design-Update 2026 ersetzt die ursprüngliche Plattform nicht, sondern führt vier Jahre Produktwissen in eine klarere, konsistente Produktsprache.

2022 Initial RACE NET

Ein gemeinsamer Einstieg entsteht

Die erste Version verband spezialisierte Engineering-Tools über eine modulare Startseite. Wiederkehrende Navigation, Suche, Tabellen und Statusmuster machten unterschiedliche Fachanwendungen erstmals als zusammengehöriges System nutzbar.

Initiale modulare RACE-NET-Startseite
Initiale modulare RACE-NET-Startseite
2023–2025 Scale & Maturity

Die Plattform wächst mit der Arbeit

Weitere Werkzeuge, Rollen, Freigaben und Datenquellen kamen hinzu. RACE NET reifte vom Engineering-Hub zu einem digitalen Prozessverbund, der Übergaben zwischen Beschaffung, Logistik, Qualität, Produktion und Dokumentation abbildet.

Ausgereifte Tabellen- und Statuslogik im täglichen Betrieb
Ausgereifte Tabellen- und Statuslogik im täglichen Betrieb
2026 RACE NET Renewal

Ein gewachsenes System erhält eine neue Produktsprache

Der Renewal vereinheitlichte Hub, Navigation, Typografie, Farbtokens, Panels, Statusdarstellung und responsive Verhalten. Die Fachlogik blieb erhalten, wurde aber klarer priorisiert und über die zentralen Tool-Suites hinweg visuell zusammengeführt.

RACE NET Renewal 2026: der neue System Atlas verbindet Tools, Fachbereiche, Suche und Produktsprache
RACE NET Renewal 2026: der neue System Atlas verbindet Tools, Fachbereiche, Suche und Produktsprache

Ein Tool Hub, zwei Darstellungsmodi und direkter Zugriff

Der erneuerte Hub macht das gewachsene Ökosystem schneller erfassbar: Suche und Fachbereichsfilter reduzieren die Auswahl, Favoriten und zuletzt verwendete Anwendungen verkürzen wiederkehrende Wege. Dark und Light Mode nutzen dieselben Komponenten und Statusregeln; die seitliche App-Navigation hält alle Werkzeuge aus jedem Kontext erreichbar.

01 / 03
Renewal 2026 · Dark Mode: Tool-Karten, Suche, Filter und persönliche Favoriten
Renewal 2026 · Dark Mode: Tool-Karten, Suche, Filter und persönliche Favoriten
Renewal 2026 · Light Mode: identische Informationsarchitektur mit angepassten Kontrasten
Renewal 2026 · Light Mode: identische Informationsarchitektur mit angepassten Kontrasten
Globale App-Navigation: alle sichtbaren Werkzeuge mit Direktzugriff und Filter
Globale App-Navigation: alle sichtbaren Werkzeuge mit Direktzugriff und Filter

Der Renewal als interaktiver Prototyp

Video · Scroll Autoplay
Interaktionsdemo: Navigation, Nutzermenü, Filter, Dark/Light Mode und responsive Tool-Übersicht

Werkzeuge und Zustände im Detail

01 / 04
Procurement: Vertrags-, Lieferanten- und Projektkontext in einer verdichteten Arbeitsansicht
Procurement: Vertrags-, Lieferanten- und Projektkontext in einer verdichteten Arbeitsansicht
Part Search: technische Stammdaten und große Bauteilbestände strukturiert durchsuchen
Part Search: technische Stammdaten und große Bauteilbestände strukturiert durchsuchen
Request Overview: Status, Verantwortlichkeit und Projektfortschritt in einer gemeinsamen Liste
Request Overview: Status, Verantwortlichkeit und Projektfortschritt in einer gemeinsamen Liste
Web Race Client: technische Teile und Klassifikationen kontrolliert anlegen
Web Race Client: technische Teile und Klassifikationen kontrolliert anlegen

Ergebnis

Vier Jahre Product Ownership in einem gewachsenen System

RACE NET zeigt meine Arbeitsweise vom ersten Research 2022 bis zum Design-Update 2026: komplexe Fachlichkeit verstehen, ein belastbares UX-System entwickeln, selbst implementieren und anhand des realen Betriebs konsequent weiterführen.

01 / 01