← Zurück zu Projekten
Case 02 · Logistik-App · 3 Nutzerprofile

Von verstreuten Screens zu einer kohärenten Logistik-App.

Kunde Kuyuy
Rolle UX/UI Designerin
Dauer 1 Jahr · 2024 — 2025
Fokus IA · Sprache · Komponenten
Kuyuy — Native Logistik-App, Servicios-Activos-Screens
01 — Kontext

Wie navigiert und verhandelt man in Kuyuy?

Kuyuy verbindet Transporteure mit Ladungserzeugern für nationale und internationale Sendungen. Die Migration zu einer nativen App versprach Skalierbarkeit, Zeitersparnis und Support — alles an einem Ort.

Doch die Realität war chaotischer. Das Produkt hatte viele High-Fidelity-Wireframes, aber keine globale Architektur, keinen interaktiven Prototyp und inkonsistente Terminologie über drei Nutzerprofile hinweg (Transporteur, Ladungserzeuger und SuperAdmin — jedes mit Admin- und Mitarbeiter-Varianten). Was intern Sinn ergab, ergab für die eigentlichen Nutzer keinen Sinn.

02 — Schlüsselentscheidungen

Drei Entscheidungen, die das Projekt neu rahmten.

Bevor wir Screens reparierten, einigten sich das Team und ich auf drei Design-Entscheidungen, die alles andere prägen würden. Jede adressierte einen spezifischen Punkt, an dem die Experience zerfiel.

Entscheidung 01

Prototyp pro Flow

Statt auf „die komplette App" zu warten, haben wir einen User-Flow nach dem anderen prototypisiert. Früh validieren war besser, als alles blind zu bauen.

Entscheidung 02

Sprache angleichen

Ein Label = ein Konzept. Derselbe Schritt sollte nicht 2–3 verschiedene Namen haben, je nachdem, welches Profil eingeloggt war.

Entscheidung 03

Komponenten standardisieren

Geteilte Komponenten über Profile hinweg, rollenspezifische Aktionen, wo nötig. Weniger zu bauen, einfacher zu warten.

03 — Meine Rolle

Design-Lead in einem crossfunktionalen Squad.

Ich habe das Design end-to-end verantwortet: Informationsarchitektur, User Flows, High-Fidelity-Prototypen, Edge-Case-Mapping und die Komponenten-Library, der Engineering während des Builds folgte. Ich habe eng mit dem PM beim Scoping und mit dem Kunden gearbeitet, um Entscheidungen in jeder Phase zu validieren.

Mein Fokus lag darauf, ein fragmentiertes Web-Produkt in eine native App zu verwandeln, die für drei Nutzerprofile funktioniert — ohne drei verschiedene Interfaces bauen zu müssen.

04 — Prozess

Cleanup → Architektur → Sprache → Edge Cases → Handoff.

Das Projekt dauerte insgesamt etwa ein Jahr. Die ersten 6 Monate verbrachten wir damit, den Prototyp aufzuräumen — es gab Hunderte von Screens und Flows, nichts war komponentisiert, und wir hingen von Kundenvalidierungen ab, die Flows unterwegs komplett umkrempelten.

Schritt 01

Cleanup

Den bestehenden Prototyp auditiert. Unvollständige Flows markiert, ungenutzte Screens entfernt, gekennzeichnet, was neu gebaut werden musste.

Schritt 02

Architektur

Globale Informationsarchitektur über die drei Nutzerprofile und ihre nationalen / internationalen Varianten gemappt.

Schritt 03

Sprache angleichen

Kanonische Schritte pro Rolle definiert. Beispiel: „Mit Angeboten" = Angebot + Annehmen / Ablehnen + Gegenangebot.

Schritt 04

Edge Cases

Der Happy Path war nicht genug. Kritische Fälle gemappt: abgelehnte Dokumente, unvollständige Daten, Vorfälle unterwegs, gescheiterte Abschlüsse.

Schritt 05

Handoff

Interaktive Prototypen, Komponenten-Library und Validierungs-Guidelines für Engineering geliefert.

05 — Wie ich es gelöst habe

Wie jede Entscheidung in der Praxis aussah.

Eine Architektur, drei Profile

Statt drei parallele Apps zu bauen, habe ich eine einzige Informationsarchitektur entworfen, bei der geteilte Entitäten (Sendungen, Verträge, Nachrichten) für alle gleich aussahen — aber rollenspezifische Aktionen dort zeigten, wo es zählte. Der SuperAdmin behielt die volle Kontrolle, Transporteure und Erzeuger sahen nur, was sie für ihre Aktionen brauchten.

Kuyuy — Vereinheitlichte Informationsarchitektur mit rollenspezifischen Aktionen

Ein Label = ein Konzept

Das alte Produkt verwendete je nach eingeloggtem Profil unterschiedliche Terminologie. Ich habe mit dem PM zusammengearbeitet, um diese in ein einziges Vokabular zu überführen. Beispiel: „Mit Angeboten" bedeutet für jedes Profil dasselbe — Angebot + Annehmen/Ablehnen + Gegenangebot. Gleicher Begriff, gleiche Aktionen, gleiche Validierungen.

Kuyuy — Vereinheitlichte Content-Guidelines, Servicios Activos und Angebotsdetail

Der Happy Path reichte nicht

Ich habe kritische Edge Cases gemappt: abgelehnte Dokumente (fehlende Anforderungen anzeigen, erneut versuchen oder eskalieren), unvollständige Daten (validieren und Ticket erstellen), Vorfälle unterwegs (pausieren, neu zuweisen oder an Operations eskalieren) und gescheiterte Abschlüsse. Gutes UX deckt sowohl das Erwartete als auch das Unerwartete ab.

06 — Deliverables

Was ich dem Team geliefert habe.

Kuyuy ist ein laufendes Projekt. Hier ist, was meine Arbeit hervorgebracht hat — greifbare Ergebnisse, mit denen Engineering und Produkt weiterarbeiten konnten.

3 → 1
Profile unter einer Architektur vereint
IA
Globale Informationsarchitektur-Karte
Library
Standardisierte Komponenten-Library
Flows
Interaktiver Prototyp + Edge Cases
Architektur zuerst vermeidet lose Screens und Endlosdiskussionen. Ein Begriff, eine Aktion — das Angleichen der Sprache beschleunigt alles.
07 — Was ich gelernt habe

Schlüsselerkenntnisse, die ich mitnehme.

← Vorheriger Case Playful Experiences

Haben Sie ein Produkt, das geliefert werden muss?

Verfügbar für Vollzeit-, Teilzeit- und Freelance-Rollen in Deutschland, und remote in Europa, USA und LATAM.

angie.varelab7@gmail.com