Alle Förderflow-Mockups auf einer Seite

Sieben gestapelte Demos, jede in einem eigenen Fenster, eingebettet auf dieser Seite. Du kannst durchscrollen, jede einzeln testen, und bei jeder Demo gezielt Feedback geben — ohne nach oben zu scrollen.

1

CRM-Board

demo/board.html · Berater-Hauptansicht · Desktop
↗ in eigenem Tab öffnen

Die zentrale Arbeitsoberfläche des Beraters. Anträge sind als Karten in 7 Phasen-Spalten organisiert (Neuer Lead → Abgeschlossen). Drag & Drop zwischen Spalten verschiebt die Phase. Klick auf eine Karte (Mußmann in Spalte „Bericht erstellt") öffnet das vollständige Detail-Modal mit Stammdaten, Bericht-Sektionen, Dokumenten und Notizen. Theme-Toggle, Profil-Dropdown und Filter sind in der Topbar.

7 Phasen-Spalten
Drag & Drop zwischen Phasen
Sonderfall-Tags (Mediziner, Jung, Verbund, Andere Förderungen)
Hover-Tooltips an roten Warn-Punkten
Detail-Modal mit Notizfeld & Stammdaten-Dropdown
Custom-Link an Endkunden senden
Dark/Light Theme-Toggle
Profil-Dropdown statt Settings-Tab
demo/board.html
2

Beraterkalender

demo/calendar.html · Wochenansicht mit Auslastung
↗ in eigenem Tab öffnen

Vollständiger Wochenkalender pro Berater. 5 Beispiel-Termine (Marketing, Nachfolge, Vertrieb, Branding, Org./Einstellung) mit farblichen Themen-Codes. Klick auf einen Termin öffnet ein Detail-Popover. Klick auf eine leere Stunde löst den „+ Beratungstag anlegen"-Toast aus. Die rechte Sidebar zeigt Wochenauslastung (35h/40h, 87,5%), aktive Antrags-Buchungen pro Kunde mit Fortschrittsbalken und KI-Hinweise zu Konflikten/freier Kapazität.

1-Stunden-Slots 08:00 – 18:00
3 Berater mit Auslastungs-Counter
Wochen-Navigation ‹ Heute ›
Detail-Popover beim Termin-Klick
Konflikt- & Frist-Hinweise
Antrags-Buchungs-Übersicht (X von 5 Tagen)
demo/calendar.html
3

Endkunden-Mobile-Upload

demo/mobile-upload.html · Was der Endkunde am Handy sieht
↗ in eigenem Tab öffnen

Der Endkunde bekommt einen einmaligen Token-Link per Email (generiert über den Custom-Link-Button im Modal). Auf dieser Seite landet er, ohne Login. Mobile-first, 480px breit. Bereits eingereichte Dokumente sind grün markiert, ausstehende werden Schritt-für-Schritt durchgegangen. Mit Live-KI-Echtzeit-Validierung: Der Beispiel-Kontoauszug wird als Umsatzanzeige erkannt + Erklär-Video verlinkt. Multi-Antrag-Support (hier: 2 Anträge gleichzeitig).

Token-Link, kein Login
Berater-Branding im Header
Multi-Antrag-Hinweise
Live KI-Doku-Validierung
Multi-Upload für Teilzahlungen
Live-Chat-Button (statt Email)
demo/mobile-upload.html
4

Branding-Konfigurator

demo/settings.html · CI für Beratungsberichte
↗ in eigenem Tab öffnen

Wo der Berater sein CI für die generierten Beratungsberichte einstellt. Logo-Upload, Primär- und Akzentfarbe (mit Color-Picker und 8 Presets), 8 Google-Fonts zur Auswahl, Briefkopf-Daten. Die Live-Vorschau rechts rendert einen Mini-Beratungsbericht direkt mit den gewählten Werten. Briefkopf erscheint nur auf Seite 1 des fertigen Berichts.

Color-Picker + 8 Presets
8 kuratierte Google-Fonts
Live-Preview Mini-Bericht
Briefkopf nur auf Seite 1
Logo-Upload (PNG/SVG)
demo/settings.html
5

Kunden-Anlage-Wizard

demo/customer-create.html · NEU · mit Live-Compliance-Check
↗ in eigenem Tab öffnen

Wenn der Berater im Board auf „+ Neuer Kunde" klickt, landet er hier. Stepper oben (Stammdaten → Kontakt → Förderkontext → Antragsberechtigung). Während der Eingabe prüft die KI rechts laufend auf Förderfähigkeit. Hartnägelige Test: Ändere die Branche zu „Steuerberatung" oder hake „Insolvenz" an — dann blocken Pop-up und Compliance-Karten. Junges Unternehmen (<1 Jahr) setzt automatisch den Tag „Jung" + Hinweis auf Erstgespräch.

4-Schritt-Stepper
Live-Compliance-Pane rechts
Hard-Blocker bei Insolvenz/Berater-Branche
Auto-Tags (Mediziner / Jung / Verbund / Andere Förderungen)
Erklärvideo-Verlinkungen
Self-Declaration-Checkboxen
demo/customer-create.html
6

Beratungsbericht-Generator

demo/report-generator.html · NEU · KI-Pipeline live
↗ in eigenem Tab öffnen

Drei-Spalten-Live-View während die KI den Bericht generiert. Links: dein Master-Fragebogen (Stichpunkte zu Schwachstellen, Empfehlungen, ESF-Bezügen, Beratungstagen). Mitte: 7 Bericht-Sektionen — fertige sind grün markiert mit Wort-Counter, die aktuelle pulsiert mit „⟳ KI generiert", die letzten warten. Rechts: Validator-Output. 6 Compliance-Checks laufen automatisch (Anti-Umsetzung, Halluzinations-Check, Datums-Konsistenz, Betriebsindividualität, ESF-Substanz, Neutralität).

3-Spalten-Layout
Live-Generierung mit Pulse-Animation
Anti-Umsetzungs-Auto-Korrektur
Whitelist-basierter Halluzinations-Schutz
Wort-Counter pro Sektion
Kosten-Tracker (KI-Aufruf)
PDF-Render-Button (disabled bis fertig)
demo/report-generator.html
7

Stellungnahme-Generator

demo/stellungnahme.html · NEU · RAG-gestützt
↗ in eigenem Tab öffnen

Wenn eine Rückfrage von BAFA kommt: links wird die hochgeladene Rückfrage als Doc-Preview angezeigt, KI extrahiert Themenfelder als Tags (Splitting / Neutralität / Betriebsindividualität). Mitte: KI-generierter Stellungnahme-Entwurf — auf Basis ähnlicher erfolgreicher Stellungnahmen aus deinem Archiv (RAG). Zitierte Richtlinien-Ziffern sind blau markiert (whitelist-validiert), übernommene Phrasen aus Goldstandard-Archiven gelb markiert. Rechts: die 4 RAG-Quellen mit Ähnlichkeits-Score (94%, 81%, 78%, 72%). Klick zeigt die Original-Stellungnahmen.

PDF-Rückfrage-Upload
KI-Themen-Tag-Extraktion
RAG aus 412 archivierten Stellungnahmen
Ziffern-Whitelist-Validierung
Tonfall anpassen (sachlicher / direkter)
Bericht parallel anpassen
demo/stellungnahme.html
förderflow · 7 mockups · stand 04.05.2026
Wenn du an einer Stelle Feedback geben willst, Sektions-Nummer + Punkt nennen, ich passe an.