# UI/UX-Konzept (Deutsch)

## 1) Navigationsstruktur

- **Dashboard**
- **Katalog**
  - Artikel
- **Prozesse**
  - Erinnerungen
  - Verkäufe
  - Dokumente
  - Aktivitäten
- **Stammdaten**
  - Kategorien
  - Prioritäten
  - Statuswerte
  - Standorte
  - Zugeordnet-an
  - Händler
  - Zahlungsarten
  - Verkaufsplattformen
  - Dokumenttypen
  - Erinnerungsgründe
- **Administration**
  - Benutzer
  - Rollen
  - Einstellungen

## 2) Wireframe in Textform

- **Login:** Logo + kurzer Untertitel, E-Mail/Passwort, Passwort-Reset, klarer Primärbutton.
- **Dashboard:** obere KPI-Leiste, darunter Status-Chart, darunter zwei Tabellen (Aktivitäten / letzte Änderungen).
- **Artikelliste:** Kopf mit Suche + Schnellfilter + Export, Tabelle mit Bild/Status/Priorität/Preis, Row-Actions rechts.
- **Artikel-Detail/Bearbeitung:** Kartenbasierte Sektionen in logischer Reihenfolge (Grunddaten -> Kauf -> Status -> Verkauf -> Dateien -> Erinnerungen).
- **Erinnerungsübersicht:** Fokus auf Fälligkeit, Statusbadges, Quick-Action "Erledigt/Verschoben".
- **Verkaufsübersicht:** Angebot, Verkaufspreis, Marge, Plattform und Verkaufsdatum.
- **Dokumentenübersicht:** Dateiname, Typ, Uploadzeit, direkter Download.

## 3) Empfohlene Komponenten (Filament)

- `Section`, `Grid`, `Tabs` für klare Gruppierung
- `Select` mit Suche für Stammdaten
- `Repeater` für Bilder, Dokumente, Erinnerungen
- `BadgeColumn` für Status/Priorität
- `StatsOverviewWidget`, `ChartWidget`, `TableWidget` im Dashboard
- `Filter` + `SelectFilter` + Datumsfilter in Listen

## 4) Farblogik

- **Status**
  - bestellt: `info`
  - geliefert: `success`
  - retourniert: `warning`
  - defekt: `danger`
  - zum Verkauf: `primary`
  - verkauft: `success`
- **Priorität**
  - niedrig: `gray`
  - mittel: `info`
  - hoch: `warning`
  - sehr hoch: `danger`
- **Erinnerung**
  - offen: neutral/gelb
  - überfällig: rot hervorgehoben
  - erledigt: grün

## 5) UX-Hinweise für schnelle Bedienung

- Wichtige Felder immer im sichtbaren Bereich oben
- Inline-Badges für sofortige Status-/Prioritätserkennung
- Aktionen auf Zeilenebene (Ansehen, Bearbeiten, Duplizieren)
- Erinnerungen und Überfälligkeiten auf Dashboard prominent
- Nur relevante Felder kontextabhängig anzeigen (z.B. Verkaufsbereich bei passenden Status)
- Mobile: Karten statt zu breiter Tabellen, Filter als Drawer

## 6) Konkrete Filament-Vorschläge

- Artikel-Form: `Section::make(...)->columns(2)` mit wiederkehrender Struktur
- Preisfelder mit `prefix('EUR')`
- Datei-Uploads mit `disk('public')`, festen Verzeichnissen und Dateityp-Whitelist
- Listen-Export über eigene Route + Laravel Excel
- Rollen/Rechte via eigene Ressourcen und `relationship('permissions')`