kita-planer/docs/product-screenshots.md

Produkt-Screenshots

Die Bilder in public/landing/screenshots/ sind echte Browseraufnahmen der WebApp mit ausschließlich fiktiven Beispieldaten. Sie wurden am 13. Oktober 2026 aufgenommen. Keine Produktionsdaten, echten Kontaktadressen oder Zugangsdaten sind enthalten.

Die Metadaten und Bildbeschreibungen stehen in src/lib/marketing/screenshots.ts. Landingpage und Featureseiten verwenden dieselben Dateien. Die Vorschau reserviert den Bildbereich, lädt Bilder bedarfsgerecht über Next Image und bietet eine tastaturbedienbare Vollansicht mit Fensteranpassung, Originalgröße und Scrollbereich.

Aufnahmen erneuern

1. Eine leere, ausschließlich lokale PostgreSQL-Datenbank namens kita_screenshots_test erstellen. Andere Datenbanknamen oder Hosts werden vom Fixture-Skript abgewiesen; bestehende Daten werden niemals gelöscht.
2. DATABASE_URL nur für diese Sitzung auf diese Datenbank setzen und npm run db:migrate:deploy ausführen.
3. Mit derselben URL npx tsx scripts/seed-screenshots.ts ausführen. Das Skript legt Kita Sonnenwinkel, sechs fiktive Familien und eine Fachkraft an. Die Zugangsdaten werden nur lokal ausgegeben. Alle E-Mail-Adressen verwenden die nicht zustellbare Domain example.invalid.
4. Die App mit einer eigenen lokalen Auth-URL und einem Test-Secret starten. E-Mail-Versand und Analytics deaktivieren (RESEND_API_KEY, NEXT_PUBLIC_UMAMI_SCRIPT_URL und NEXT_PUBLIC_UMAMI_WEBSITE_ID leer; öffentliche Variablen schon beim Build leer setzen). Keine Jobs starten.
5. Über die normale Anmeldung und Navigation die Ansichten aufnehmen. Der Fixture-Stand verwendet Oktober/November 2026. Bei späteren Aufnahmen die Termine, Auswahl und Arbeitswoche passend aktualisieren.
6. Browseraufnahmen als JPEG speichern. Die Elternansichten wurden bei 1600 × 1000, die Arbeitszeitansicht bei 1600 × 1280 aufgenommen. Der Browser kann beim Ausschließen der Scrollbar leicht abweichende tatsächliche Bildmaße liefern; die Metadaten immer aus den gespeicherten Dateien lesen und aktualisieren.
7. Notdienst, Kalender, Adressbuch und eigene Abwesenheiten zeigen die Elternansicht. Bei Mitteilungen die erste aktualisierte Meldung öffnen. Für Arbeitszeit mit dem Teamkonto anmelden und zur erfassten Woche vom 5. bis 11. Oktober wechseln.
8. Bilder und Vergrößerung auf Desktop und Mobilgerät prüfen, dann Beispieldatenbank und lokalen Server entfernen.

Die Screenshot-Files sind zusammen unter 500 KiB groß. Das alte Bild notdienst-calendar-linen.png wird nicht mehr von der Landingpage verwendet.