Zum Inhalt springen
Herbie

Project 01

Kubernetes-Management für Entwicklungsteams vereinfachen.

Die Projektübersicht von mogenius auf zwei Laptops: eine dunkle Liste von Cloudspaces, jede Zeile mit Cluster, Cloud-Anbieter und Status.
Rolle

UX/UI-Lead & Mitgründer

Branche

Cloud / DevOps

Produkt

B2B SaaS

Umfang

UX-Strategie

UX/UI-Design

Designsystem

Zeitraum

2021–2025

Ergebnis

Von komplexer Infrastruktur zu einem fokussierten Produkterlebnis.

40K

Nutzer nach 10 Monaten

Die Aufgabe

Kubernetes gibt erfahrenen Teams enorme Flexibilität, und diese Flexibilität hat einen hohen Betriebspreis. Eine Anwendung zum Laufen zu bringen hieß oft: zwischen Clustern, Manifesten, Kommandozeilen-Werkzeugen und mehreren Konfigurationsebenen wechseln — und dabei verstehen, wie jede Ressource auf den Rest des Systems wirkt.

Für weniger erfahrene Teams lag die Hürde nicht nur darin, den richtigen Befehl oder die richtige Konfiguration zu kennen. Sie lag darin, zu verstehen, was tatsächlich passiert. Vorhandene Werkzeuge drängten Nutzer meist in eines von zwei Extremen: fast ganz Kubernetes offenlegen und mit technischen Details überfordern — oder zu viel hinter vereinfachten Abstraktionen verstecken und erfahrenen Nutzern die Sicht nehmen.

mogenius zu gestalten hieß, einen Mittelweg zu finden. Die Aufgabe war nicht, Kubernetes einfacher aussehen zu lassen, sondern unnötige Komplexität zu entfernen und Transparenz, Kontext und Kontrolle zu erhalten.

Wie lässt sich die Komplexität der Infrastruktur reduzieren, ohne erfahrenen Nutzern die Kontrolle zu nehmen?

Kontext

Nutzer

  • Platform Engineers
  • DevOps Engineers
  • Entwickler

Komplexität

  • Kubernetes
  • GitOps
  • Cloud-Infrastruktur

Meine Rolle

  • Produktvision
  • UX/UI-Design
  • Designsystem
  • Prototyping

Vorgehen

01

Verstehen

  • Research
  • Workflows
  • Nutzerbedürfnisse

02

Strukturieren

  • Informationsarchitektur
  • User Flows
  • Produktkonzepte

03

Gestalten

  • Wireframes
  • High-Fidelity-UI
  • Designsystem

04

Validieren

  • Interaktive Prototypen
  • Feedback
  • Iteration

05

Übergeben

  • Developer Handoff
  • Design-QA
  • Release-Begleitung

Zentrale Design-Entscheidungen

Schrittweise öffnen statt zu überfordern

Problem

Das Produkt legt sehr viel technische Komplexität offen.

Entscheidung

Informationen entlang von Aufgaben und Absichten strukturieren.

Wirkung

Nutzer können mit einfachen Abläufen beginnen, während fortgeschrittene Funktionen erreichbar bleiben.

Alles auf einmal

Nach Aufgabe strukturiert

Den Ablauf vereinfachen ohne Kontrollverlust

Problem

Eine vereinfachte Oberfläche machte Kubernetes zugänglicher, doch erfahrene Nutzer fragten sich regelmäßig, was hinter der Abstraktion geschieht.

Entscheidung

Statt uns zwischen vereinfachter Oberfläche und rohem YAML zu entscheiden, haben wir beides unterstützt und den Wechsel zwischen geführtem Ablauf und direkter Konfiguration offen gelassen.

Wirkung

Nutzer konnten die Abstraktionsebene wählen, der sie vertrauten, und Experten behielten Transparenz und Kontrolle.

Eine Ebene der Kontrolle

Beide – und der Weg dazwischen

Informationen priorisieren, Zusammenhänge zeigen

Problem

Kubernetes liefert große Mengen an Ressourcen- und Statusdaten. Dadurch ist schwer zu erkennen, was zählt, wie Komponenten zusammenhängen und wo Aufmerksamkeit nötig ist.

Entscheidung

Wir haben das Produkt um Informationspriorität und Systemtransparenz herum gebaut: relevante Signale, Beziehungen und Kontext sichtbar machen, statt isolierte Ressourcendaten zu zeigen.

Wirkung

Nutzer verstanden den Zustand ihrer Infrastruktur schneller, sahen die Zusammenhänge im System und konnten sich auf das konzentrieren, was Handlung verlangte.

Isolierte Ressourcen

Verknüpft und priorisiert

Das Produkt

Das Workspace-Dashboard von mogenius: Kacheln für CPU, RAM und Traffic über einem AI-Insights-Bericht und Zählern für Pods, Deployments, Helm-Charts und Namespaces.
Workspace-Dashboard
Die Workloads eines Clusters in mogenius: eine filterbare Tabelle der Pods mit Namespace, Status, Neustarts, steuernder Ressource, Node und Alter.
Workload-Manager
Die Metriken eines Deployments in mogenius: CPU und RAM über 24 Stunden, dazu Aktionen zum Stoppen, Neustarten, Neubauen oder Öffnen einer Shell.
Deployment-Metriken
Netzwerkrichtlinien in mogenius: Ingress- und Egress-Regeln je Deployment, nicht verwaltete Richtlinien gesondert markiert.
Netzwerkrichtlinien

Designsystem

Konsistenz gestalten, die skaliert.

Grundlagen

  • Typografie
  • Farbe
  • Abstände
  • Raster

Komponenten

  • Eingabefelder
  • Tabellen
  • Navigation
  • Feedback

Muster

  • Dashboards
  • Datenansichten
  • Abläufe
  • Leerzustände
Die Token-Dokumentation von mogenius: primitive Farbrampen für Primär-, Flächen- und Akzentskala, jede Stufe mit Nummer und Hexwert beschriftet, darüber die semantischen Tokens für Erfolg, Warnung, Fehler, Info und Hilfe. Eine Inhaltsleiste listet die Schichten von Tokens über SCSS-Utilities und Komponenten bis zur Governance.

Ergebnisse

40K

Nutzer

10 Monate

bis zur Produktadoption

1

skalierbares Designsystem

Rückblick

Rückblickend war unsere größte Lehre: ein komplexes Produkt zu vereinfachen ist nicht dasselbe wie Komplexität zu entfernen.

Anfangs haben wir zu viel von Kubernetes wegabstrahiert. Mit der Zeit haben wir gelernt: erfahrene Nutzer wollen nicht zwingend weniger Komplexität — sie wollen Kontrolle, Kontext und Zugriff auf die Komplexität, wenn sie zählt. Die Aufgabe war nicht, Kubernetes zu verstecken, sondern zu entscheiden, welche Komplexität entfernt, welche übersetzt und welche sichtbar bleiben sollte.

Würde ich das Produkt heute noch einmal angehen, würde ich noch mehr Zeit darauf verwenden, diese Grenzen früh zu validieren. Für Zugänglichkeit und Expertenkontrolle zugleich zu gestalten verlangt ein deutlich feineres Verständnis der Nutzerabsicht, als die Oberfläche einfacher aussehen zu lassen.