Industrie
LegalTech & GovTech, öffentlicher & rechtlicher Sektor
Design
B2C, G2C, End-to-End, KI-gestütztes Design
Judged: App für rechtlichen Zugang von 0→1
End-to-End-Produktdesign vom Konzept bis zum Prototyp mithilfe von KI-gestützten Workflows.
Während meines UX-Design-Programms bei TechLabs Berlin habe ich Judged mitentwickelt, eine Plattform für Rechtsinformationen, die Familien bei Prozessen im Zusammenhang mit Festnahmen unterstützt, und dabei mit Frontend-, Backend- und Data-Science-Teams zusammengearbeitet. Anschließend führte ich Nutzertests durch, iterierte den High-Fidelity-Prototyp und baute das MVP eigenständig mit API-Integration unter Verwendung von Lovable.
Zeit
Juli 2025 - Sept. 2025
Werkzeug
Meine Rolle
UX/UI Product Designer
Team
UX/UI, Data Science, Webentwicklung
Auswirkung
Verkürzung der Antwortzeit für verlässliche rechtliche Informationen auf unter 60 Sekunden
Stärkung der Entscheidungsfindung benachteiligter Nutzer
Vereinfachte Informationsnavigation in der komplexen rechtlichen Datenbank der Regierung
Kontext
Der Zugang zu rechtlichen Informationen ist in den USA oft langsam, teuer und schwierig zu durchschauen, insbesondere für Personen ohne juristisches Fachwissen, die rechtliche Unterstützung suchen, um ihren verhafteten Familienmitgliedern zu helfen.
Die meisten bestehenden Lösungen erfordern:
manuelle Recherche
Verständnis von juristischer Terminologie
Navigieren durch fragmentierte Informationsquellen
Dies stellt ein erhebliches Hindernis für eine schnelle, fundierte Entscheidungsfindung dar.
Geschäftsproblem
Lange Antwortzeiten bei rechtlichen Fragen
Informationsüberlastung und Fragmentierung
Fehlen einer angeleiteten Entscheidungsfindung
Geringe Barrierefreiheit für Laien
Zunehmende Beschwerden von Bürgern über die ineffiziente rechtliche Unterstützung durch die Regierung und öffentliche rechtliche Institutionen
Meine Rolle
Leitung von Wireframing und Prototyping über alle wichtigen Seitentypen hinweg
Erstellung von User Personas, Informationsarchitektur, User Flows und User Journeys zur Darstellung barrierefreier juristischer Erfahrungen
Entwurf von wiederverwendbaren Komponenten (Menüs, Dropdowns, Buttons)
Koordination und Durchführung von Usability-Tests und Teilnehmerrekrutierung
Eigenständige Iteration des User Flows und Erstellung eines High-Fidelity-Prototyps basierend auf dem Feedback der Nutzertests
Eigenständige Nutzung von Lovable zur Erstellung eines funktionalen MVP mit API-Integration durch Lovable
Herausforderungen
Systemische Barrieren: Die USA haben die höchsten Inhaftierungsraten unter den Demokratien, wobei soziale Ungleichheit den Zugang zu fairer und bezahlbarer Rechtsberatung einschränkt.
Probleme der Nutzer: Viele Menschen haben Schwierigkeiten, sich ohne professionelle Unterstützung in komplexen rechtlichen Prozessen zurechtzufinden.
Design & Bereitstellung: Unser Team stand vor Herausforderungen bei der Aufrechterhaltung der Konsistenz von Inhalten, der Gewährleistung der mobilen Nutzbarkeit in Krisensituationen und der Aufrechterhaltung der Dynamik nach einer Reduzierung des Teams um 50 %.
1. UX-Forschung: Familien, die von einer Verhaftung betroffen sind, sind mit dem Gerichtsverfahren und rechtlichen Informationen nicht vertraut
Einfacher und erschwinglicher Zugang zu rechtlichen Informationen ist erforderlich
Mein UX-Kollege und ich haben eine Nutzerbefragung durchgeführt, um die Bedürfnisse und Probleme von Nutzern zu ermitteln, die von Vergehensdelikten (Misdemeanor Crimes) in den USA betroffen sind. Laut unserer Analyse der Nutzerforschung zeigen 45 Antworten Verunsicherung bei der Bewältigung des Gerichtsverfahrens und der Suche nach Rechtsbeistand zur Unterstützung ihrer Angehörigen, die wegen eines Vergehens verhaftet wurden.
Schlüsselfragen & Nutzerantworten
Wichtigste Erkenntnisse
✅ Bedarf
Der Bedarf an schnellen, klaren und zugänglichen rechtlichen Informationen ist von entscheidender Bedeutung, da die meisten Befragten mit dem Gerichtsverfahren nicht vertraut sind.
Die meisten Menschen müssen einen bezahlbaren Anwalt in den USA finden, wenn ihnen eine Festnahme wegen eines Vergehens droht.
2. Definieren und Konzipieren: Barrierefreie digitale Rechtsberatung – Bewertet
Definition: Von Persona & JTBD zur Problemstellung
Um die Problemstellung zu definieren, haben wir eine Persona und ein Job-to-be-Done erstellt. Nutzer müssen klare und zugängliche rechtliche Informationen sowie bezahlbare Prozesskostenhilfe finden, damit sie ihre Angehörigen unterstützen können, die in den USA wegen eines Vergehens angeklagt sind.
Persona
Job-To-Be-Done
Benutzer müssen klare und zugängliche rechtliche Informationen sowie erschwingliche Prozesskostenhilfe finden, um ihre Angehörigen zu unterstützen, denen in den USA ein Vergehen zur Last gelegt wird.
Problemstellung
Amerikaner haben Schwierigkeiten mit den zugänglichen Informationen, wenn sie es mit Justizbehörden zu tun haben, wenn ein Familienmitglied verhaftet wird.
Dies ist aus folgenden Gründen ein Problem:
Es kann sich auf die Zeitspanne auswirken, die die Person im Gefängnis oder in Haft verbringt.
Die breite Öffentlichkeit und das zunehmende Misstrauen gegenüber dem Rechtssystem.
Wie könnten wir?
Wie könnten wir rechtliche Informationen für Amerikaner zugänglicher machen, deren Familienmitglied wegen eines Vergehens verhaftet wurde?
Produktpriorisierung: MoSCoW-Analyse
Nachdem wir das Problem definiert hatten, haben wir gemeinsam mit den Teams für KI, Webentwicklung und Data Science die Produkt-Features für das MVP priorisiert. Wir haben uns entschieden, zuerst die App für das Produkt namens „Judged“ zu entwerfen, einschließlich unserer unverzichtbaren Funktionen, die den Nutzern eine digital zugängliche Rechtsberatung bieten.
Ideenfindung
Um Feature-Design-Lösungen für die Entwicklung von Judged zu konzipieren, habe ich User Journey Maps, User Flows und die IA (Informationsarchitektur) erstellt.
Der Weg von der Angst zur Erleichterung
Die User Journey Maps erzählen die Vorher-Nachher-Geschichte der Benutzererfahrung und machen spürbar, wie Judged Probleme für die Nutzer lösen kann.
Wettbewerbsanalyse
Basierend auf den Erkenntnissen aus der Nutzerbefragung haben wir eine Wettbewerbsanalyse durchgeführt, um den Legal-Tech-Markt besser zu verstehen und einzigartige Möglichkeiten für unser Produkt zu identifizieren.
User Flow
Der User Flow veranschaulicht Schritt für Schritt, wie Judged den Navigationsprozess der Nutzer durch rechtliche Verfahren und Informationen organisiert und vereinfacht.
Informationsarchitektur
Um die Barrierefreiheit für Nutzer und einen effizienten Nutzerfluss zu verbessern, ist unsere Informationsarchitektur nach einfachen Inhalten und Funktionen gegliedert – von der Nutzereingabe über die Übersicht der rechtlichen Abläufe bis hin zur Q&A-Seite.
3. Design: Nutzerzentriert, Mobile-First, Agile Zusammenarbeit
Designhypothese
Wir sind überzeugt, dass ein einfacher, sofortiger Zugang zu rechtlichen Prozessen und erschwingliche Unterstützung via Smartphone für US-Nutzer unerlässlich sind, wenn es um geringfügige Festnahmen in ihren Familien geht. Erfolg wird daran gemessen, ob Nutzer die benötigten rechtlichen Informationen in unter 60 Sekunden finden können – was eine wesentlich schnellere Erfahrung als die herkömmliche Google-Suche darstellt.
Design-Lösungen
Geführtes Benutzereingabesystem
Entwurf eines einfachen Fragebogens zur Erfassung der Lebensumstände von Nutzern (z. B. Landkreis der Festnahme, Status als Erwachsener/Minderjähriger) für maßgeschneiderte Ergebnisse
Prototyp des Kontaktverzeichnisses
Aufbau eines durchsuchbaren Verzeichnisses von Gefängnissen, Gerichten, Pflichtverteidigern und Prozesskostenhilfeorganisationen für eine zukünftige Integration.
Intelligente Informationsbeschaffung
Strukturierung einer Backend-Datenbank zur Bereitstellung organisierter, standortspezifischer rechtlicher Informationen und Verfahren.
Konsistentes Content-Management
Entwicklung eines Vorlagensystems zur Gewährleistung einer klaren Navigation und Konsistenz über mehrere Rechtskategorien hinweg.
Mobile Usability unter Stress
Wichtige Informationen wurden priorisiert, die Navigation vereinfacht und die Inhaltshierarchie für Krisensituationen optimiert.
Schlanke Team-Bereitstellung
Anpassung des Projektumfangs nach einer 50-prozentigen Reduzierung des Teams, mit Fokus auf die Kernanforderungen, um ein funktionsfähiges MVP bereitzustellen.
Wireframing & Prototyping in Figma
Wir haben Wireframes entwickelt, die die Benutzerfreundlichkeit und Barrierefreiheit für Familien in rechtlichen Prozessen verbessern. Zu den wichtigsten Iterationen gehören:
Usability-Testing-Plan
Aufgrund der zeitlichen Einschränkungen und des Verlusts einiger Teammitglieder im Bereich Front-End und Data Science hat mein funktionsübergreifendes Team nur ein MVP mit einem Prototyp mittlerer Genauigkeit (Mid-Fidelity) entwickelt. Nach dem Ende des Projekts habe ich selbstständig einen Usability-Test durchgeführt, um den High-Fidelity-Prototyp weiterzuentwickeln.
Ziel
Evaluieren Sie, ob das Design des Prototyps im mittleren Entwicklungsstadium die Zeit, die Benutzer benötigen, um die richtigen rechtlichen Informationen zu finden, auf unter 1 Minute reduzieren kann.
Designhypothese
Wenn wir ein mobiles Nutzererlebnis mit geführten Benutzereingaben, priorisierten Rechtsfragen und einer vereinfachten Navigation mit klaren Antwortkarten gestalten, können Nutzer die richtigen rechtlichen Informationen in unter 60 Sekunden finden. Dadurch würde der Zugriff auf rechtliche Informationen erheblich schneller werden als über die Google-Suche oder die Konsultation eines Anwalts.
Erwartete Ergebnisse
Die Zeit für den Nutzer, um die richtige rechtliche Information zu finden, beträgt weniger als 1 Minute.
Methode
Tool: Remote-Usability-Testing mit Maze
Anzahl der Testbenutzer: mind. 5, max. 8
Benutzerprofil: Menschen leben in den USA.
Testaufgabe: Benutzer finden die richtigen Antworten auf 3 rechtliche Fragen und geben ihr Feedback zu ihren Erfahrungen ab.
Erkenntnisse aus dem Testen und nächster Vorschlag zur Designverbesserung
Testergebnis
Das Ergebnis zeigt, dass Nutzer die rechtlichen Informationen für die einfache Frage in weniger als 1 Minute finden können, während sie für die komplexe Frage etwa 1,5 Minuten benötigen.
Basierend auf dem Feedback aus dem Testbericht müssen zwei Schlüsselbereiche des Prototyps verbessert werden, um die gesamte Benutzer-Bearbeitungszeit auf unter 1 Minute zu reduzieren.
Navigation & Fluss
Klarerer Ablauf durch Schnellaktions-Schaltflächen, direkte Links und geführte nächste Schritte.
Design & Lesbarkeit
Visuelle Hierarchie und Textformatierung erfordern eine klarere Farbnutzung, ein schnell erfassbares Layout und keine irreführenden Unterstreichungen.
4. Vibe-Coding: MVP unabhängig entwickelt im Alleingang: MVP selbstständig entwickelt
Von 0 → 1 mit Lovable
Auch wenn das Projekt beendet ist, möchte ich immer noch sehen, wie mein High-Fidelity-Prototyp zum Leben erweckt wird. Dank Vibe-Coding habe ich gelernt, wie ich mit Lovable mein Figma-High-Fidelity-Design in ein MVP mit Login-Funktion zum Speichern von Daten umwandeln kann – und das ganz ohne meine Front-End-, Back-End- und Data-Science-Teams.
Klick-Dummy (getestet und aufgenommen mit meinem Smartphone)
Lektionen gelernt
Die proaktive Kommunikation mit den Teams für UX, Webentwicklung und Data Science ermöglichte eine reibungslose, abteilungsübergreifende agile Zusammenarbeit.
Die Priorisierung von Usability-Tests gegenüber einer zu starken Abhängigkeit vom Design-System, um einen benutzerzentrierteren Prototyp zu entwickeln.
Das Abwägen zwischen dem Erlernen des Design-Systems und schnellem Prototyping, um Designs effektiv zu verfeinern.
Schnelle Anpassung an Veränderungen der Teamressourcen, nachdem die Teammitglieder aus den Bereichen Frontend und KI das Team verlassen hatten, sowie Abstimmung mit dem Frontend-Leiter des TechLabs, um den Prototyp rechtzeitig fertigzustellen.
Erlernen von Vibe Coding und Einrichten des Backends zur Erstellung der Login-Funktion mit Lovable und Supabase.
Links und Referenzen
Prototyp auf Lovable
Ergebnisse der Nutzerforschung auf Google Drive
Feature-Brainstorming auf Miro
Wireframes und Prototypen auf Figma
Usability-Testing-Plan auf Figjam
Usability-Testing-Bericht auf Maze
Abschlusspräsentation des Projekts auf Google Drive