Produkthandbuch: LadeKompass – Alle Ladesäulen, ein Überblick

Version 1.1 | Stand: April 2026 | WAMOCON

Inhaltsverzeichnis

1. Übersicht
2. Business Model: Free, Lite und Pro
3. Tutorials – Erste Schritte
4. How-to Guides
5. Funktionsreferenz
6. Mobile Nutzung
7. Technische Architektur
8. Compliance und DSGVO
9. Glossar

1. Übersicht

LadeKompass ist eine webbasierte SaaS-Lösung für Elektrofahrzeugfahrer in Deutschland.

Was LadeKompass löst:

• Alle Ladesäulen aus dem BNetzA-Register auf einer einzigen, übersichtlichen Karte
• Intelligente Routenplanung mit automatischer Lade-Stopp-Berechnung
• Echtzeit-Status und Community-Meldungen für Ladestationen
• Tarif-Vergleich (kWh, Minuten, Blockiergebühren) auf einen Blick
• Volle Nutzung auf jedem Smartphone ohne App-Download

Kerneigenschaften:

• Öffentlich zugänglich ohne Registrierung (Free-Tarif)
• DSGVO-konform, Hosting in Deutschland
• Mobile-First: optimiert für alle Smartphone-Größen
• Mehrsprachig: Deutsch und Englisch

2. Business Model: Free, Lite und Pro

LadeKompass ist in drei Tarifen verfügbar.

2.1 Planuebersicht

2.2 Routenplanung-Kontingente

2.3 Upgrade-Prozess

1. Im Header oder auf der Upgrade-Seite /upgrade auf Auf Lite/Pro upgraden klicken.
2. Kontaktformular ausfüllen oder E-Mail an WAMOCON senden.
3. Nach Freischaltung durch den Super-Admin steht der neue Plan sofort zur Verfügung.

3. Tutorials – Erste Schritte

3.1 Erste Ladesäule finden (Free, ohne Registrierung)

1. App unter ladekompass.de öffnen (oder localhost in der Entwicklung)
2. Karte lädt automatisch mit Ladesäulen in Deutschland
3. Auf „Meinen Standort" klicken → Karte zentriert sich auf deinen Standort
4. Grüne Marker = verfügbar, Rote = defekt, Graue = unbekannt
5. Auf eine Station klicken → Stationsdetails mit Steckertypen und Leistung
6. Auf Station navigieren → Routenplaner öffnet sich mit vorausgefülltem Ziel

3.2 Route mit Lade-Stopps planen

1. Navigation-Icon oben rechts auf der Karte klicken → NavigationWizard öffnet sich
2. Startadresse eingeben (Autocomplete mit Nominatim)
3. Zieladresse eingeben
4. Route berechnen klicken → Route wird angezeigt
5. Schieberegler für Reichweite und Akku-Füllstand einstellen
6. App berechnet automatisch notwendige Lade-Stopps auf der Route
7. Navigation starten (GPS) → Turn-by-Turn Navigation mit Spur-Anzeige

3.3 Tarif-Vergleich nutzen (Lite/Pro)

1. Auf eine Station auf der Karte klicken
2. Im Detailpanel auf Tarife anzeigen klicken
3. Alle bekannten Tarife mit kWh-Preis, Minutenpreis und Einmalgebühr werden angezeigt
4. Kostenrechner: Akkukapazität und Ladestand eingeben → Ladekosten werden berechnet
5. Falls keine strukturierten Tarife vorliegen: OCM-Preisbeschreibung des Betreibers wird als Text angezeigt
6. Falls keine Preisdaten vorhanden: direkter Link zur Betreiber-Webseite oder GoingElectric als Fallback

3.4 Community-Meldung abgeben (Lite/Pro)

1. Station auf der Karte auswählen
2. Meldung abgeben klicken
3. Status wählen: Verfügbar / Belegt / Defekt / Preiskorrektur
4. Optionale Beschreibung eingeben
5. Absenden klicken → Meldung erscheint im Community-Feed

3.5 Konto erstellen und einloggen

1. Header: Anmelden klicken → /auth/login
2. E-Mail und Passwort eingeben
3. Oder: Registrieren → Organisations-Name, E-Mail, Passwort
4. AGB, Datenschutz und DSGVO-Einwilligung akzeptieren
5. Nach Login: Plan-Badge im Header sichtbar

4. How-to Guides

4.1 Mobile Nutzung: Filter öffnen

1. Auf der Karte auf das Filter-Symbol (Schieberegler-Icon) unten links tippen
2. Bottom Sheet öffnet sich von unten
3. Ladeleistung wählen: AC / DC / HPC
4. Steckertyp wählen: Typ 2 / CCS / CHAdeMO / Tesla
5. „Jetzt geöffnet" aktivieren für 24/7-Stationen
6. Station aus der Liste tippen → Karte springt zur Station

4.2 Mobile Nutzung: Navigation starten

1. Auf der Karte auf das Navigations-Icon (blauer FAB, unten rechts) tippen
2. NavigationWizard öffnet sich oben
3. Start- und Zieladresse eingeben
4. Route berechnen und Navigation starten
5. Während der Navigation: HUD zeigt nächste Abbiegung + Distanz

4.3 Kartenstil wechseln (Desktop)

1. Im linken Panel auf Kartenstil klicken
2. Zwischen Hell, Dunkel, Farbig und Standard wählen

4.4 Theme wechseln (Desktop & Mobile)

1. Im Header auf das Sonne/Mond-Symbol klicken
2. Zyklus: System → Hell → Dunkel → System

4.5 Sprache wechseln

1. Im Header auf DE / EN klicken
2. Dropdown zeigt verfügbare Sprachen
3. Klick auf eine Sprache → sofortige Umschaltung ohne Neuladen

4.6 CSV-Export der sichtbaren Stationen (Pro)

1. Im linken Panel (Desktop) auf Aktionen klicken
2. Stationen als CSV exportieren klicken
3. CSV-Datei mit Name, Adresse, Koordinaten, Max-kW, Status wird heruntergeladen

4.7 Admin: Plan eines Nutzers freischalten

1. /admin/subscriptions öffnen (nur Super-Admin)
2. Nutzer suchen
3. Auf Lite aktiv oder Pro aktiv klicken
4. Status wird sofort aktualisiert

5. Funktionsreferenz

5.1 Routen-Übersicht

5.2 Rollen und Berechtigungen

5.3 Plan-Gates (Feature-Sperren)

Gesperrte Features zeigen eine PlanGate-Komponente mit Upgrade-CTA:

5.4 Karten-Features

5.4.1 EV-Pin-Typen

Jede Ladesäule wird als farbiger Teardrop-Pin dargestellt – abhängig von der maximalen Ladeleistung und dem Betriebsstatus:

5.5 NavigationWizard

6. Mobile Nutzung

LadeKompass ist vollständig für Mobilgeräte optimiert und folgt den Best Practices für mobile Navigation (Bottom Tab Navigation – Standard bei Google Maps, Waze, Komoot).

6.1 Mobiles Layout

┌─────────────────────────┐
│  Logo  | Theme | Sprache │  ← Header (fixiert, kompakt)
├─────────────────────────┤
│                         │
│       Karteninhalt      │  ← Hauptinhalt (scrollbar / Karte)
│                         │
├─────────────────────────┤
│ Map | Route | Dashboard │  ← Bottom Tab Navigation (fixiert)
│ Fahrzeuge | Einstellungen│
└─────────────────────────┘

6.2 Bottom Tab Navigation

Auf mobilen Geräten (< 768px) wird die Navigation als fixierter Tab-Balken am unteren Bildschirmrand angezeigt:

Nicht-eingeloggte Nutzer sehen nur Karte + Route.

6.3 Bottom Sheet (Filter & Stationen)

Auf der Karte öffnet ein FAB-Button (unten links, Schieberegler-Icon) ein Bottom Sheet mit:

• Ortssuche
• Schnellfilter (Ladeleistung, Steckertyp, "Jetzt geöffnet")
• Schnellaktionen (Standort, nächste HPC, nächste freie Station)
• Stationsliste mit direktem Sprung auf der Karte

6.4 Unterstützte Geräte

6.5 Progressive Web App (PWA)

• Vollständige Offline-Karte ist in der Entwicklung
• viewport-fit=cover für notch-sichere Darstellung (iPhone)
• Safe Area Insets: env(safe-area-inset-bottom) in BottomNav und Sheets

7. Technische Architektur

7.1 Stack

7.2 Middleware-Checks

1. API-Guard: /api/* werden direkt durchgeleitet – kein Locale-Redirect (verhindert 404 auf API-Routen)
2. Auth-Check: Nicht eingeloggt → /auth/login (nur für geschützte Routen)
3. Plan-Check: Free auf gesperrtem Feature → PlanGate-Komponente mit Upgrade-CTA
4. Locale-Redirect: / → /de/map
5. Admin-Guard: Nicht-Admin auf /admin/* → /dashboard

7.3 API-Routen

7.4 Datenbankschema (Supabase)

Haupttabellen:

7.5 Cron Job

Täglich 03:00 UTC via Vercel Cron:

• BNetzA-Ladesäulenregister synchronisieren
• Stale Stationen markieren

8. Compliance und DSGVO

Bei Registrierung und Einladungs-Annahme Pflicht-Zustimmung zu:

1. Allgemeine Geschäftsbedingungen (AGB)
2. Datenschutzerklärung
3. DSGVO-konforme Datenverarbeitung

Jede Einwilligung wird in user_consents gespeichert mit:

• user_id
• Typ (terms, privacy, dsgvo)
• Version (z.B. 2026-04-13)
• Zeitstempel (accepted_at)

Rechtliche Seiten:

Datenlöschung:

• Nutzer kann unter /settings Kontolöschung beantragen
• Nach Kontolöschung: personenbezogene Daten werden innerhalb von 30 Tagen gelöscht

9. Glossar

LadeKompass Produkthandbuch – Version 1.1 – April 2026
© WAMOCON, Deutschland. Alle Rechte vorbehalten.