sam-os im agency-OS-Look — 3 Navigations-Konzepte

Dieselbe Design-Sprache wie agency OS: dunkel, kontraststark, goldener Akzent, rounded-2xl-Karten, Mono-Zahlen. Die drei Vorschläge unterscheiden sich in einem Punkt, der bei sam-os wirklich zählt — wie 25 Module in eine agency-artige Navigation passen (agency OS hat nur 12). Jeweils Web + App.

#0f1115 Grund
#1a1d24 Fläche
#2e333d Rahmen
#e8eaed Text
#f7c319 Gold
#15b886 Gut
#f5a524 Warnung
A

Gruppierte Sidebar

Der direkteste Port: agency-Sidebar links, aber die 25 Module in ausklappbaren Sektionen (deine bestehenden Gruppen). Aktives Modul als Gold-Pille. Vertraut, alles sichtbar.

app.sam-os/today
SAM OS
Heute
Inbox
Geld
Finanzen
Steuern
Ausstände
Verwalten
Assets
Dokumente
+ 4 Gruppen …

Heute

+ Erfassen

Offene Fristen

3

Ausstände

1.240 €

Unterwegs

2

Pass läuft

12 T
TÜV — VW Busin 9 T
eScooter-Versicherungin 21 T
Stromrechnung geprüfterledigt
Heute
Offene Fristen
3
Ausstände
1.240 €
Unterwegs
2
Heute
Inbox
Erfassen
Suche
Mehr

Dafür

  • Nächster Schritt vom Ist-Zustand, Gruppen bleiben erhalten
  • Alles sichtbar, kein Umlernen
  • Web-Sidebar → mobil Drawer + Bottom-Tabs

Dagegen

  • 25 Punkte bleiben eine lange Liste, auch gruppiert
  • Sidebar frisst Breite auf kleinen Screens
B

Icon-Rail + Kontext-Panel

Zweistufig wie Linear/VS Code: schmale Icon-Leiste mit den 5 Bereichen, Klick öffnet ein Panel mit dessen Modulen. Skaliert auf beliebig viele Module, ohne je lang zu werden.

app.sam-os/finance
Geld
Finanzen
Steuern
Ausstände
Depot

Finanzen

+ Buchung

Saldo

8.412 €

Monat

+640 €

Budget

92%
Miete−1.180 €
Freelance-Rechnung+2.400 €
Finanzen
Saldo
8.412 €
Budget
92%
Geld
Verw.
Alltag
Vorsorge
Mehr

Dafür

  • Skaliert mühelos auf 25+ Module
  • Sehr „app-nah"; Rail spiegelt 1:1 die mobilen Bottom-Tabs
  • Wenig Chrome, viel Platz fürs Modul

Dagegen

  • Zwei-Ebenen-Nav = ein Klick mehr bis zum Modul
  • Icons allein sind anfangs weniger eindeutig als Labels
C

Cockpit + Befehls-Palette

Minimale Sidebar mit nur deinen Favoriten + „Alle Module". Der Haupt-Navigator ist die Befehls-Palette (⌘K) / Suche — für einen Power-User mit 25 Modulen, der meist in wenigen lebt.

app.sam-os/today
SAM OS
Heute
Inbox
Finanzen
Steuern
Angeheftet
Fahrzeuge
▚ Alle Module
Modul, Beleg oder Aktion suchen …⌘K

Heute

+ Erfassen

Fristen

3

Ausstände

1.240 €

Unterwegs

2

Pass läuft

12 T
Heute
Suchen …⌘K
Offene Fristen
3
Unterwegs
2
Heute
Inbox
Erfassen
Suche
Mehr

Dafür

  • Am wenigsten Ballast, am schnellsten für Power-User
  • Skaliert unendlich — neue Module kosten keine Nav-Fläche
  • Sidebar wird persönlich (deine Favoriten)

Dagegen

  • Selten genutzte Module leben in Suche/Grid, nicht sichtbar
  • ⌘K muss man kennen — Einstiegshürde ohne Onboarding

Empfehlung

Für den Anfang A (Gruppierte Sidebar) — kleinster Sprung, sofort der agency-Look, alles bleibt sichtbar. Mittelfristig zu B (Rail + Panel) wachsen, wenn Module dazukommen (Sendungen, Ausweise …) und die Liste zu lang wird; die mobilen Bottom-Tabs fallen dabei natürlich mit ab. C ist die Kür für später, wenn eine Befehls-Palette ohnehin gebaut wird.