StaffHub neu gedacht — 3 UX-Konzepte zum Durchklicken

Kein echtes System, keine echten Daten — nur zum Anschauen und Vergleichen. Nichts ist bereits gebaut. Basiert auf allem, was diese Woche real passiert ist: Freigabe-Gate, Sync-Lücken zwischen Magenta OS/StaffHub/agency-os, viele einzelne Status-Wörter.

Aktuell sind die drei Zahlen im 👥-Icon nur per Hover-Tooltip erklärt — auf dem Handy nicht nutzbar, und man muss sich Rot/Grün/Blau merken. Vorschlag: kleine Text-Chips statt reiner Farbe.

Vorher

Senior DevOps (Remote) 3/5/2
Cloud Developer 0/6/0

Bedeutung nur beim Hover sichtbar (auf Touch gar nicht)

Nachher

Senior DevOps (Remote) 3 offen 5 bei Magenta 2 bestätigt
Cloud Developer 6 bei Magenta

Nullwerte werden ausgeblendet statt "0" zu zeigen — weniger Rauschen

"Wartet auf Freigabe" ist heute ein Umschalt-Knopf oben in der Vakanzen-Liste, leicht zu übersehen. Vorschlag: ein eigener Menüpunkt in der Seitenleiste mit Zähler, wie "Vakanzen" es schon hat.

Vorher

Nachher

Vakanz-Status, Profil-Status und Link-Status haben heute je eigene Farbpaletten, die sich überschneiden — "Blau" heißt mal Interview, mal Bestätigt. Vorschlag: eine Bedeutung pro Farbe, konsequent über die ganze App.

Vorher — drei Systeme, eine Farbe mehrfach belegt

Vakanz-Status

Neu Offen In Auswahl

Profil-Status

Präsentiert Interview

Link-Status

Gespielt Interview geplant

"Blau" = Offen (Vakanz) UND Gespielt (Link). "Orange" = In Auswahl UND Interview.

Nachher — eine Bedeutung je Farbe

Alle Status-Arten, gemeinsame Skala

● neu / eingereicht ● aktiv / offen ● in Prüfung ● bestätigt / erfolgreich ● abgelehnt / geschlossen ● zurückgezogen / archiviert

Egal ob Vakanz, Profil oder Link — Blau heißt immer "aktiv, unentschieden", Grün immer "gut ausgegangen".

Dein Beispiel war eine dichte, klare Tabelle statt aufgeklappter Karten. Drei Varianten, wie eine Vakanzen-Tabelle in StaffHub aussehen könnte — alle mit denselben echten Spalten (Rolle, Status, ID, Zeitraum, Level, Freigabe-Zahlen).

Variante A — Schlichte Tabelle

Klarer Tabellenkopf, dünne Trennlinien, keine Card-Schatten pro Zeile — am nächsten an deinem Beispiel.

RolleStatusIDZeitraumLevelFreigabe
Senior DevOps (Remote) Neu D3X0013521.9.2026 – –Senior 0/4/0
Senior Developer Python / FastAPI Neu D3X0013621.9.2026 – –Senior 0/3/0
Senior AI Engineer (Remote) Neu D3X0013721.9.2026 – –Senior 0/4/0

Variante B — Sortierbare Kopfzeile + Farbakzent

Wie A, aber Spaltenköpfe zeigen Sortierpfeile, und der farbige Status-Rand (heute der linke Rahmen der Karte) wandert als schmaler Balken in die erste Zelle.

Rolle ▲▼StatusIDZeitraum ▲▼LevelFreigabe
Senior DevOps (Remote) Neu D3X0013521.9.2026 – –Senior 0/4/0
Senior Developer Python / FastAPI Neu D3X0013621.9.2026 – –Senior 0/3/0
Senior AI Engineer (Remote) In Auswahl D3X0013721.9.2026 – –Senior 1/3/0

Variante C — Kompakt mit Zebra-Streifen

Am dichtesten: kleinere Zeilenhöhe, abwechselnde Hintergrundfarbe statt Trennlinien — mehr Vakanzen ohne Scrollen sichtbar.

RolleStatusIDZeitraumLevelFreigabe
Senior DevOps (Remote) Neu D3X0013521.9.2026 – –Senior 0/4/0
Senior Developer Python / FastAPI Neu D3X0013621.9.2026 – –Senior 0/3/0
Senior AI Engineer (Remote) Neu D3X0013721.9.2026 – –Senior 0/4/0
Cloud Developer Offen D3X0005415.8.2026 – 15.8.2027Senior 6

Alle drei verzichten auf Karten-Padding und Schatten pro Zeile — das war der Haupteindruck deines Beispiels. Details (Skills, Kunde, Beschreibung) bräuchten dann Klick-zum-Aufklappen oder eine eigene Detailseite statt der heutigen Inline-Erweiterung.

Grundidee: heute checkst du an drei verschiedenen Stellen, ob etwas ansteht — den Badge bei "Vakanzen", den Badge bei "Freigabe", und ob dir zufällig ein Screenshot auffällt, dass irgendwo etwas nicht stimmt. Vorschlag: ein Eingang statt drei. Cockpit wird die Startseite — eine sortierte Liste von Dingen, die eine Entscheidung von dir brauchen, mit der Handlung direkt dran. Alles andere (die volle Vakanzen-Liste, Reporting) bleibt als eigene Seite bestehen, aber ist nicht mehr die erste Anlaufstelle.

Braucht dich jetzt
🔴
Vakanz "Senior AI Engineer" wartet auf Freigabe
Von Magenta OS übergeben vor 3 Tagen · noch nicht an Agenturen verteilt
🔴
5 Profil-Einreichungen warten auf Freigabe
D3X, PEA, FindYou · älteste seit 2 Tagen
⚠️
"Max Mustermann" zeigt bei Magenta OS einen anderen Status als bei uns
StaffHub: Gespielt · Magenta OS: Rejected · seit 12 Minuten unterschiedlich
Heute neu, keine Eile
🆕
3 neue Vakanzen von Magenta OS übergeben
Senior DevOps, Cloud Developer, Product Manager
Läuft, nur zur Information
agency-os Backfill abgeschlossen
6 alte Karteileichen bereinigt, alle Systeme wieder synchron

Farbgrenze links statt buntem Icon-Wald — passt zur Ampel-Sprache aus Tab 7. Karten ohne Handlungsbedarf (letzte Gruppe) haben bewusst keinen Button, damit der Blick nicht dorthin geht.

Grundidee: diese Woche kam mehrfach vor, dass ein Kandidat in einem der drei Systeme (Magenta OS, StaffHub, agency-os) einen anderen Stand hatte als in den anderen — und das ist immer erst aufgefallen, weil du zufällig zwei Screenshots nebeneinander gehalten hast. Das Sync-Radar macht die drei Systeme sichtbar nebeneinander und markiert Abweichungen automatisch, statt dass du sie zufällig entdecken musst.

Magenta OS
Auftraggeber
StaffHub
führt die Wahrheit
agency-os
Agenturen
ProfilVakanzMagenta OSStaffHubagency-osZuletzt geprüft
Max Mustermann Senior AI Engineer Rejected Gespielt Eingereicht ⚠ Abweichung · vor 12 Min
refq frefewf Senior AI Engineer Eingereicht nicht gefunden ⚠ Abweichung · vor 1 Std
Evaaa Braun Senior AI Engineer Withdrawn Zurückgezogen gelöscht vor 2 Min · synchron
Anna K. Senior DevOps New Gespielt Eingereicht vor 5 Min · synchron

Rot markierte Zeilen sind genau die Fälle, die diese Woche real aufgetreten sind: ein Kandidat wurde reaktiviert, bevor Magenta OS nachgezogen hat; eine Ressource fehlt bei agency-os, obwohl sie bei uns existiert. Ein Klick auf die Zeile würde die Rohdaten aus allen drei Systemen nebeneinanderstellen — das, was bisher drei einzelne API-Aufrufe von Hand waren.

Grundidee: heute gibt es "Eingereicht", "Gespielt", "Zurückgezogen", "Neu", "Offen" intern — und "SUBMITTED", "NEW", "WITHDRAWN", "REJECTED", "ACCEPTED" auf der Leitung zu Magenta OS/agency-os. Für dich als Nutzer sind das zu viele Wörter für im Kern vier Fragen: Muss ich was tun? Läuft es? Ist es fertig? Ist es vorbei? Vorschlag: eine Ampel-Sprache mit vier Zuständen, die überall exakt gleich aussieht — Sidebar-Badge, Tabellen-Pille, Detailseite.

Wartet auf dicheingereicht, unentschieden
Läuftfreigegeben, in Auswahl
Bestätigtzugesagt, beauftragt
Beendetabgelehnt, zurückgezogen, besetzt
Sidebar-Badge
Freigabe 4
Tabellen-Pille
● Wartet auf dich
Detailseite-Banner
● Wartet auf dich — seit 2 Tagen eingereicht, noch nicht entschieden

Die genauen internen Wörter (Eingereicht/Gespielt/…) bleiben in der Datenbank und im Vertrag mit Magenta OS/agency-os unverändert — das hier ist nur die Anzeige-Schicht. Baut direkt auf Tab 3 auf, nur diesmal mit einer konkreten Entscheidung statt drei Optionen.