Design
Dashboard
Das Dashboard ist deine Startseite nach dem Login. Hier siehst du alle Campingplätze auf einen Blick und kannst neue Plätze anlegen.
Empty State (noch kein Campingplatz)
Wenn du noch keinen Campingplatz erstellt hast, zeigt das Dashboard einen Willkommensbildschirm:
[Screenshot: Dashboard Empty State mit Tent-Icon und Setup-Checkliste]
Elemente:
- Tent-Icon – Visueller Hinweis, dass noch keine Campingplätze vorhanden sind
- Titel: "Willkommen bei CampingSaaS!"
- CTA-Button: "Ersten Campingplatz erstellen" – Öffnet direkt das Erstellungs-Formular
Setup-Checkliste
Die Checkliste zeigt dir, welche Schritte bereits erledigt sind und was als Nächstes zu tun ist:
| Schritt | Status | Beschreibung |
|---|---|---|
| ✅ Account erstellt | Immer grün | Du hast dich erfolgreich registriert |
| ✅/❌ E-Mail verifiziert | Dynamisch | Grün, wenn E-Mail bestätigt wurde |
| ❌ Erster Campingplatz erstellt | Rot | Wird grün, sobald du einen Campingplatz angelegt hast |
| ❌ Firmendaten ergänzt | Rot | Wird grün, sobald Firmendaten hinterlegt sind |
| 🔒 Parzellen anlegen | Grau (gesperrt) | Funktion kommt in Phase 2 |
| 🔒 Preise konfigurieren | Grau (gesperrt) | Funktion kommt in Phase 2 |
Tooltip bei gesperrten Schritten: "Bald verfügbar"
Campingplatz-Ansicht
Sobald du einen oder mehrere Campingplätze erstellt hast, zeigt das Dashboard Campsite-Cards in einem Grid-Layout:
[Screenshot: Dashboard mit mehreren Campsite-Cards im Grid]
View-Toggle (Ansichtswechsel)
Oben rechts findest du einen View-Toggle mit drei Ansichtsoptionen:
- Kompakt – Name, Stadt, Land (3 Spalten)
- Mittel – + volle Adresse, Telefon, E-Mail, Edit-Button (2 Spalten)
- Ausführlich – + Mitarbeiter-Anzahl, Erstelldatum (2 Spalten)
Deine Auswahl wird automatisch in deinem Browser gespeichert (localStorage) und beim nächsten Login wiederhergestellt.
[Screenshot: View-Toggle mit drei Optionen]
Campsite-Card Inhalte
Kompakt:
- Name des Campingplatzes
- Stadt
- Land
Mittel (zusätzlich):
- Vollständige Adresse (Straße, PLZ, Ort)
- Telefon
- Edit-Button – Zum Bearbeiten der Stammdaten
Ausführlich (zusätzlich):
- Anzahl zugewiesener Mitarbeiter
- Erstelldatum (z.B. "Erstellt am 11.02.2026")
Neuen Campingplatz hinzufügen
Klicke oben rechts auf "Campingplatz hinzufügen", um einen weiteren Platz zu deiner Organisation hinzuzufügen. Das gleiche Formular wie in Step 2 des Registrierungs-Wizards öffnet sich.
Warnung: Verwaiste Mitarbeiter (nur Owner)
Wenn Mitarbeiter existieren, die keinem Campingplatz zugewiesen sind, erscheint am oberen Rand des Dashboards eine Warnmeldung:
⚠️ X Mitarbeiter sind keinem Campingplatz zugewiesen. [Mitarbeiter verwalten]
Warum diese Warnung?
Mitarbeiter ohne Campingplatz-Zuweisung können sich zwar einloggen, sehen aber keine Daten und können nicht arbeiten. Die Warnung erinnert dich daran, die Zuweisung in der Mitarbeiterverwaltung vorzunehmen.
Was tun?
Klicke auf "Mitarbeiter verwalten" und weise den Mitarbeitern mindestens einen Campingplatz zu. Details findest du unter Mitarbeiter.
Hinweis: Diese Warnung wird nur Ownern angezeigt. Normale Mitarbeiter sehen sie nicht.
Setup-Fortschritt (Sidebar)
In der linken Seitenleiste (unter "Dashboard") wird der Setup-Fortschritt angezeigt. Dort siehst du:
- Welche Schritte bereits erledigt sind (grüner Haken)
- Was noch zu tun ist (roter Punkt oder graues Schloss)
Klicke auf einen offenen Schritt, um direkt zur entsprechenden Funktion zu gelangen (z.B. "Firmendaten ergänzen" → Einstellungen).
Offene Aufgaben
Das Dashboard zeigt dir aktuelle Aufgaben, die als Nächstes anstehen:
- E-Mail verifizieren – Falls noch nicht bestätigt
- Firmendaten ergänzen – Falls in Schritt 3 übersprungen
- Mitarbeiter zuweisen – Falls verwaiste Mitarbeiter existieren
Diese Hinweise verschwinden automatisch, sobald die Aufgabe erledigt ist.
Campingplatz-Dashboard (Tagesbetrieb)
Sobald du einen Campingplatz ausgewählt hast, wechselst du in die Betriebsansicht. Das Campingplatz-Dashboard ist deine Kommandozentrale für den täglichen Betrieb: Du siehst alle wichtigen Kennzahlen auf einen Blick und kannst Anfragen, Check-ins und Abreisen direkt von hier aus verwalten.
Das Dashboard erreichst du über Dashboard in der Seitenleiste des ausgewählten Campingplatzes.
KPI-Leiste
Am oberen Rand siehst du fünf Kennzahlen:
| Kennzahl | Beschreibung |
|---|---|
| Offene Anfragen | Buchungsanfragen die noch auf Bestätigung warten |
| Anreisen | Gäste die heute ankommen (+ wie viele bereits eingecheckt sind) |
| Abreisen | Gäste die heute abreisen (+ wie viele bereits abgerechnet sind) |
| Offene Zahlungen | Anzahl und Gesamtbetrag noch ausstehender Zahlungen |
| Belegungsrate | Prozent der aktuell belegten Parzellen (z.B. 72 % – 29/40) |
[Screenshot: KPI-Leiste mit 5 Kennzahlen]
Datumsauswahl
Standardmäßig zeigt das Dashboard die Daten für heute. Mit dem Datums-Picker oben rechts kannst du das Datum wechseln und z.B. die morgigen Anreisen einsehen.
Bereich „Offene Anfragen"
Listet alle Buchungsanfragen auf, die noch nicht bestätigt oder abgelehnt wurden.
Pro Anfrage siehst du:
- Buchungsnummer, Gästename
- Parzelle und Kategorie
- Check-in / Check-out Datum
- Anzahl Personen (Erwachsene, Kinder, Tiere)
- Zeitpunkt der Anfrage
Aktionen:
- Klicke auf Bestätigen (grüner Haken) – die Anfrage wird sofort bestätigt und der Gast benachrichtigt
- Klicke auf Ablehnen (rotes X) – die Anfrage wird abgelehnt
[Screenshot: Offene Anfragen mit Bestätigen/Ablehnen-Buttons]
Bereich „Nachrichten"
Zeigt eine Übersicht aller ungelesenen Nachrichten von Gästen. Du siehst Buchungsnummer, Gästename und eine Vorschau der Nachricht. Klicke auf einen Eintrag, um zur vollständigen Konversation zu gelangen.
Bereich „Heutige Anreisen"
Listet alle Gäste auf, die am gewählten Datum ankommen. Du kannst den Check-in direkt von hier aus durchführen:
- Suche den Gast in der Liste (Buchungsnummer, Name, Parzelle)
- Klicke auf Einchecken – der Gast gilt als eingecheckt und die Anreise wird als erledigt markiert
Hinweis: Ein Check-in ist nur möglich wenn das Check-in-Datum erreicht ist und der Gast noch nicht eingecheckt wurde.
[Screenshot: Anreisen-Liste mit Einchecken-Button]
Bereich „Heutige Abreisen"
Listet alle Gäste auf, die am gewählten Datum abreisen, inkl. etwaiger offener Zahlungsbeträge. Nach der Abrechnung kannst du die Abreise als erledigt markieren.
Reihenfolge personalisieren
Die vier Bereiche (Offene Anfragen, Nachrichten, Anreisen, Abreisen) können in der Reihenfolge frei angeordnet werden:
- Klicke auf das Einstellungs-Symbol (oben rechts im Dashboard)
- Ziehe die Bereiche in die gewünschte Reihenfolge
- Klicke auf Übernehmen
Die Reihenfolge wird in deinem Browser gespeichert und beim nächsten Login wiederhergestellt.