Kunden-Hub (Bento-Layout)
Die Kundendetail-Seite ist ein Bento-Grid aus Karten — Identität, Umsätze, offene Rechnungen, Projekte, Whiteboards, Pages, Files und Aktivität. Jede Karte zeigt das, was Sie zu diesem Kunden wirklich brauchen.
Inhalt
Kunden-Hub (Bento-Layout)
Die Kundendetail-Seite ist nicht eine einzige Liste, sondern ein Bento-Grid aus mehreren Kacheln. Jede Kachel zeigt eine Dimension dieses Kunden — und nur die Kacheln, die für diesen Kunden Daten haben, werden angezeigt. Ein neu angelegter Kunde zeigt nur die wesentlichen Felder; eine 5-Jahres-Beziehung füllt das ganze Grid.
Die Kacheln im Überblick
| Kachel | Zeigt |
|---|---|
| Identity (2×2 Hero) | Logo oder Initialen, Name, Kontakt (E-Mail/Telefon), „Kunde seit DD.MM.YYYY", Tags |
| Revenue YTD | Großer EUR-Wert, 12-Monats-Sparkline, Delta-vs-letztes-Jahr-Chip |
| Outstanding | Offene Rechnungen (Summe + Anzahl) + Chip mit den meisten Verzugstagen |
| Projects | Scrollende Karten aktueller Projekte mit Fortschritts-% und Fälligkeitsdatum |
| Whiteboards | 2×2-Mini-Grid mit SVG-Vorschauen, Klick öffnet |
| Pages | Bis zu 5 aktuelle Pages: Emoji-Icon + Titel + erste Zeile |
| Files | Ordnerzahl, Gesamtgröße, 3 neueste Dateinamen |
| Activity | ~10 jüngste Ereignisse rund um diesen Kunden mit relativen Zeitstempeln |
| Contacts | Zusätzliche Ansprechpartner (über die Hauptkontaktperson hinaus) |
Akzentfarbe pro Kunde
Sie können pro Kunde eine Akzentfarbe vergeben. Sie wirkt sich sparsam aus:
- Sparkline-Strich in der Revenue-Kachel
- „Kunde seit"-Pill auf der Identity-Kachel
- Großzahl-Farbe auf der Identity-Kachel
Damit erkennen Sie auf einen Blick, welcher Kunde geöffnet ist. Setzen Sie die Farbe im Aktions-Menü → Bearbeiten.
Kacheln ein- und ausblenden
Oben rechts im Hub finden Sie ein Zahnrad-Symbol. Dahinter verbirgt sich eine Checkliste, mit der Sie pro Benutzer entscheiden:
- Welche Kacheln Sie sehen wollen.
- Welche Sie ausblenden möchten.
Die Auswahl gilt pro Benutzer (in localStorage gespeichert) und wirkt auf alle Kundendetail-Seiten.
Verantwortliche Bereiche unter dem Grid
Unterhalb des Bento-Grids erscheinen zusätzliche Sektionen mit voller Breite:
SEPA-Mandate
Wenn Sie SEPA-Lastschriften nutzen, listet die Sektion Mandate alle aktiven und historischen SEPA-Mandate des Kunden auf. Neues Mandat anlegen, Mandat widerrufen, signiertes PDF anhängen — alles direkt hier. Details siehe SEPA-Lastschriften.
Aktionen oben rechts
Im sticky Topbar finden Sie:
| Aktion | Zweck |
|---|---|
| Edit | Stammdaten ändern (Name, Adresse, Akzentfarbe …) |
| Archive | Kunden archivieren — historische Rechnungen bleiben erhalten |
| Link existing resource | Bestehendes Projekt/Whiteboard/Page nachträglich verknüpfen |
dVersum-Tipp
Der Activity-Tile ist Ihr Erinnerungsanker für jeden Kundentermin: Vor einem Anruf 10 Sekunden draufschauen — „Letzte Rechnung verschickt am 12.05., Mahnung am 03.06., Page ‚Konzept v2' am 09.06. bearbeitet" — und Sie wirken sofort up-to-date.
Zuletzt aktualisiert: 24.8.2026