Reader Dashboard — Konzept A · „Herzlich Willkommen"

Warme, einladende Gestaltung mit klarer Hierarchie: Begrüßung → Statistik → Personen → Inhalte. Die Statistikkacheln sind großzügig bemessen und wirken als Einstiegspunkte. Personen erscheinen als kompakte Pills. Geschichten erhalten einen reduzierten, redaktionellen Stil ohne Auszug.

Konzept A · Entwurf
Schwerpunkt
Begrüßung & große Statistik als Einstieg
Personen-Chips
Schlanke Pills mit Initialen-Avatar
Geschichten-Spalte
Kursiver Serif-Titel · kein Auszug · schlicht
Spaltenbreite
3 : 2 — Dokumente : Geschichten
📐 Mockup-Skalierung — alle Schriftgrößen, Abstände und Höhen im Mockup sind auf ca. 55 % der tatsächlichen Implementierungswerte skaliert. Werte nicht aus dem Mockup-CSS kopieren.
1 Desktop · Leser ohne BLOG_WRITE (READ_ALL only)
Vollansicht ≥ 1024 px
familienarchiv.local /
Startseite Dokumente Personen Geschichten
BK
Guten Abend
Herzlich willkommen, Brigitte.

Zuletzt aktualisiert

Alle Dokumente
Brief von Ernst an Käthe, März 1923
Käthe Raddatz
vor 2 Tagen
Heiratsurkunde Raddatz-Müller, 1898
vor 4 Tagen
Familienfoto, Sommer 1928
Ernst Raddatz
vor 1 Woche
Taufregister Heinrich Weber, 1902
vor 2 Wo.
Postkarte aus Berlin, 1930
Frieda Müller
vor 3 Wo.

Geschichten

Alle Geschichten
Die Reise nach Berlin
Sommer 1934 in Köln
Briefe aus dem Krieg
Zone 1 — Begrüßung
  • Sand-getönter Hintergrund (#FDFAF5) grenzt die Karte vom Grau der Seite ab
  • Tageszeit-Label (z.B. „Guten Abend") in Capitalcase, 12 px, gedämpftes Beige
  • „Herzlich willkommen, Brigitte." in Georgia Serif, 28 px real (14 px skaliert)
Zone 2 — Statistik
  • Jede Kachel ist ein vollflächiges <a>-Element
  • Mintfarbener Bottom-Border (2 px, #A6DAD8) als einziger visueller Akzent
  • Zahl: 48 px bold Navy — wirkt wie ein Einladungsschild
Zone 4 — Personen-Chips
  • Pill-Form: Initialen-Avatar (16 px) + Name + Dokumentzahl in gedämpftem Grau
  • Avatar-Hintergrundfarbe variiert innerhalb der Navy-Familie
  • Anzahl-Link „Alle 94 Personen →" rechtsbündig zum Section-Titel
Zone 5 — Geschichten-Spalte
  • Nur kursiver Titel + Datum — bewusst reduziert, literarisch
  • Kein Auszug: ruhigere Gestaltung, weniger Ablenkung
  • Passend für Leser, die Titel als Entscheidungsgrundlage kennen
Stärken dieses Konzepts
  • Klar und vertraut — wenig kognitive Last für ältere Nutzer
  • Statistik-Kacheln motivieren zum Erkunden des Archivs
  • Konsistent mit bestehendem Card-Stil des Contributor-Dashboards
2 Variante · BLOG_WRITE — mit Zone 3 „Meine Entwürfe"
BLOG_WRITE-Nutzer READ_ALL + BLOG_WRITE
familienarchiv.local /
Startseite Dokumente Personen Geschichten
MR
Guten Morgen
Herzlich willkommen, Marcel.

Meine Entwürfe

Onkel Friedrichs Wanderjahre
Entwurf · zuletzt bearbeitet vor 1 Tag
Die Raddatz-Kinder
Entwurf · zuletzt bearbeitet vor 5 Tagen

Zuletzt aktualisiert

Alle Dokumente
Brief von Ernst an Käthe, März 1923
Käthe Raddatz
vor 2 Tagen
Heiratsurkunde Raddatz-Müller, 1898
vor 4 Tagen
+ 3 weitere Dokumente …

Geschichten

Alle
Die Reise nach Berlin
Sommer 1934 in Köln
Briefe aus dem Krieg
Zone 3 — Meine Entwürfe (nur BLOG_WRITE)
  • Mintfarbener linker Rand (3 px solid #A6DAD8) hebt die Zone ohne visuellen Lärm hervor
  • Erscheint zwischen Stats (Zone 2) und Personen (Zone 4) — gemäß Issue #447
  • Jeder Entwurf: Serif-Titel + Metazeile → Link auf /geschichten/[id]/edit
  • Leer-Zustand: „Keine Entwürfe" — kein CTA benötigt