Skip to main content
    UX Studio ©
    UX/UI Design

    UX/UI-Design für verständlichere digitale Produkte

    Wir verbessern Websites, SaaS-Plattformen und komplexe Abläufe. Ausgangspunkt ist die Aufgabe, an der Menschen scheitern. Daraus entwickeln wir klare Wege, konsistente Oberflächen und ein Design, das Ihr Team umsetzen kann.

    Farbiger, KI-generierter UX-Konzeptentwurf für die ClassWolf-Tagesübersicht
    ClassWolf · KI-generierter UX-Farbentwurf

    Der Ausgangspunkt

    Welches Produktproblem braucht Aufmerksamkeit?

    UX-Arbeit beginnt mit einem klaren Problem und einem vereinbarten Umfang. Drei sinnvolle Ausgangspunkte:

    Der nächste Schritt bleibt unklar

    Navigation, Onboarding und Kernaufgaben auf unklare Bezeichnungen, fehlenden Kontext und unnötige Entscheidungen prüfen. Den wichtigsten Ablauf festlegen, bevor das Redesign erweitert wird.

    Das SaaS ist seiner Oberfläche entwachsen

    Rollen, Berechtigungen, Tabellen und Betriebszustände sinnvoll ordnen. Lesebedarf und Bearbeitungsaufgaben unterscheiden und wichtige Aktionen sichtbar halten.

    Jede Ansicht wirkt wie ein anderes Produkt

    Bestehende Komponenten vor neuen Mustern prüfen. Formulare, Rückmeldungen, mobile Darstellung und Interaktionszustände abstimmen, damit Funktionen im gesamten Produkt vertraut bleiben.

    Ein nachvollziehbarer Umfang

    Von der Frage zum umsetzbaren Design

    Wir wählen Methoden passend zur Produktfrage. Interviews und Tests mit Teilnehmenden werden ausdrücklich eingeplant, wenn sie zum Umfang gehören.

    1. Die bestehende Aufgabe verstehen

      Produkt, Rahmenbedingungen und vorhandene Belege prüfen. Zielgruppen, Rollen und Wege abbilden und Annahmen von tatsächlichen Erkenntnissen trennen.

    2. Wichtige Entscheidungen prototypisieren

      Navigation und Inhaltshierarchie festlegen, dann den Kernablauf prototypisieren. Berechtigungen, leere Zustände und Fehlerbehandlung gehören dazu.

    3. Prüfen und Übergabe vorbereiten

      Aufgabenklarheit, mobile Ansichten, Tastaturzugang und Zustände prüfen. Vereinbarte Tests mit Teilnehmenden durchführen. Entscheidungen als Komponenten, Verhaltenshinweise und priorisierten Umsetzungsplan übergeben.

    Womit Ihr Team weiterarbeiten kann

    Eine priorisierte Problemübersicht

    Vereinbarte Abläufe, Belege, Annahmen und Entscheidungen als Arbeitsgrundlage.

    Ein prüfbarer Prototyp

    Wichtige Ansichten und Interaktionen mit Kontext zur Abstimmung vor der Entwicklung.

    Eine Übergabe für die Entwicklung

    Wiederverwendbare Muster, responsives Verhalten, Inhalte und Prüfkriterien für den vereinbarten Umfang.

    Produktdesign in der Praxis

    Wie Entscheidungen je nach Fachgebiet variieren

    Unterschiedliche Produkte brauchen unterschiedliche Abläufe. Diese Projekte zeigen Kontext, Oberflächenentscheidungen und Arbeitsumfang.

    Öffentliche Website der Lernplattform EduSpera

    EduSpera

    Ein Lernweg zum Wiederaufnehmen

    Kurskontext, gespeicherter Fortschritt und anpassbare Darstellung verbinden Veröffentlichung und Lernen. Entdecken Sie die Entscheidungen für Lehrende und Lernende.

    UX-Entscheidungen von EduSpera ansehen
    Farbiger, KI-generierter UX-Entwurf für ClassWolf-Kurse, Lehrkräfte und Termine

    ClassWolf

    Ein Arbeitsüberblick für wiederkehrende Kurse

    Wiederkehrende Kurse verbinden Lehrkräfte, Räume, Kapazität und Karten. Dieser KI-generierte UX-Farbentwurf untersucht die Beziehungen und den Informationsbedarf des Teams.

    Produktdesign von ClassWolf ansehen
    Farbiger, KI-generierter UX-Konzeptentwurf für die SupaSailing-Flottenwartung

    SupaSailing & SupaMaritime

    Komplexe maritime Arbeit, unterschiedliche Rollen

    Flotten- und Hafenabläufe brauchen klare Zuständigkeiten und sichtbare Zustände. Dieser KI-generierte UX-Farbentwurf untersucht die Darstellung dieser Prioritäten bei Wartungsaufgaben.

    Das maritime Produktökosystem ansehen
    Barrierefreiheit

    Von Anfang an Barrierefrei Gestaltet

    Inklusives Design ist kein Nachgedanke — es ist unsere Arbeitsweise. Unser UX/UI-Prozess integriert WCAG-Richtlinien, Kontrastverhältnisse und Unterstützung für assistive Technologien ab dem ersten Wireframe.

    Barrierefreiheits-Services Entdecken

    Ein UX/UI-Projekt planen

    Umfang, Belege und Übergabe: wichtige Fragen vor dem Start.

    Welche Aufgabe soll besser funktionieren?

    Teilen Sie den Produktlink, die Zielgruppe und den schwierigen Punkt im Ablauf. Damit können wir einen sinnvollen ersten Umfang besprechen.