UX/UI-Design für die Optimate App

UI/UX-Design für die Optimate App
Übersicht

Leistungen
UX-Konzeption
UI-Design
Design System
Frontend Development Support

Kunde
Optimate GmbH (TRUMPF Startup)

Im Auftrag von
BrainFactory

Beschreibung

Optimate ist eine cloudbasierte, KI-gestützte Anwendung zur Machbarkeitsanalyse und Optimierung von Blechbauteilen. Im Hintergrund analysieren KI-Modelle und Algorithmen hochgeladene CAD-Dateien. Nutzende erhalten Hinweise zu Konstruktionsfehlern, Optimierungspotenzialen und relevanten Kostenfaktoren.

Ausgangslage

Im Zuge der Weiterentwicklung des Markenauftritts von Optimate sollte auch das Konzept und UI/UX-Design der Anwendung grundlegend überarbeitet werden. BrainFactory begleitete Optimate im Rahmen der Markenkommunikation. Meine Aufgabe war es, die visuelle Richtung in ein eigenständiges, funktionales User Interface zu übersetzen.

UX-Konzeption und UI-Design

Im Fokus stand ein möglichst einfacher Weg vom Upload einer CAD-Datei bis zu den Ergebnissen sowie zur weiterführenden Analyse und Optimierung der Bauteile. Über einen zentralen Toggle können Nutzende zwischen Upload und Ergebnissen wechseln. Die Ergebnisliste bündelt alle analysierten Uploads. Die Detailansicht eines Bauteils führt in die Machbarkeitsanalyse und Bauteiloptimierung – bis hin zu potenziellen Kosteneinsparungen in der Produktion.

Die Aufgabe bestand darin, die Ergebnisse der KI-gestützten Analyse verständlich aufzubereiten: von ersten Hinweisen in der Ergebnisliste bis zu detaillierten Auswertungen und Optimierungsvorschlägen in der Bauteilansicht. Je nach Ergebnis müssen unterschiedliche Auswertungen, Hinweise und Vorschläge verständlich dargestellt werden, ohne die Oberfläche zu überladen. Eine klare Informationshierarchie und die gezielte Priorisierung relevanter Ergebnisse sorgen dafür, dass Nutzende schnell zu den entscheidenden Informationen gelangen.

Visuelle Umsetzung

Das Optimate Branding ist dunkel und von Blau geprägt. Im Interface musste diese Richtung übernommen werden, ohne dass die Anwendung schwer oder unübersichtlich wirkt. Kontraste, Flächen, Typografie und Zustände wurden deshalb so gestaltet, dass auch datenreiche Ansichten klar lesbar und gut erfassbar bleiben.

Mein Beitrag umfasste die UX-Konzeption, das UI-Design, die Erstellung eines Styleguides und der Dokumentation sowie die Qualitätssicherung des Frontends. Das Ergebnis ist eine klar geführte Anwendung, die zentrale Abläufe mit wenigen Interaktionen zugänglich macht und komplexe Analyseergebnisse strukturiert vermittelt.