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

Version 1.3 | 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. Fahrzeugtyp wählen (oberhalb der Adresseingaben): 🚗 E-Auto · 🛵 E-Roller · 🛴 E-Scooter · 🚶 Zu Fuß
   → Bestimmt das OSRM-Routing-Profil (Auto/Roller = Fahrbahn, E-Scooter = Radweg, Zu Fuß = Fußweg)
3. Startadresse eingeben (Autocomplete mit Nominatim)
   → Alternativ: Grünes LocateFixed-Icon rechts im Eingabefeld antippen → GPS-Standort wird automatisch als Adresse übernommen
4. Zieladresse eingeben (ebenfalls mit Geolocation-Schnellzugriff verfügbar)
5. Route berechnen klicken → Route wird angezeigt
6. Schieberegler für Reichweite und Akku-Füllstand einstellen
7. App berechnet automatisch notwendige Lade-Stopps auf der Route
8. Navigation starten (GPS) → Turn-by-Turn Navigation mit Spur-Anzeige
   → Im HUD erscheint die geschätzte Ankunftszeit (HH:MM) neben der verbleibenden Distanz

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 (FAB, unten rechts) tippen
2. NavigationWizard öffnet sich oben
3. Fahrzeugtyp auswählen: 🚗 E-Auto · 🛵 E-Roller · 🛴 E-Scooter · 🚶 Zu Fuß
4. Start- und Zieladresse eingeben — oder LocateFixed-Button im Eingabefeld nutzen, um den aktuellen GPS-Standort sofort zu übernehmen
5. Route berechnen und Navigation starten
6. Während der Navigation: HUD zeigt nächste Abbiegung + Distanz + Ankunftszeit (HH:MM)
7. Standort-Marker zeigt Fahrtrichtungspfeil (GPS-Heading), wenn das Gerät eine Richtungsangabe liefert

4.3 Kartenstil wechseln (Desktop)

1. Im linken Panel auf Kartenstil klicken
2. Zwischen Hell, Dunkel, Farbig und Standard wählen
3. Die gewählte Einstellung wird automatisch in localStorage gespeichert und beim nächsten Besuch wiederhergestellt

4.8 Karten-Einstellungen in den Profil-Einstellungen

1. Unter Einstellungen (/settings) den Abschnitt Karten-Einstellungen öffnen
2. Folgende Einstellungen können dauerhaft gespeichert werden:
   • Kartenstil: Hell / Dunkel / Farbig / Standard
   • Standard-Ladeleistung: Alle / AC / DC / HPC
   • Standard-Steckertyp: Alle / Typ 2 / CCS / CHAdeMO / Tesla
   • Live-Feed anzeigen: Neuigkeiten-Banner ein/aus
   • Heatmap anzeigen: Dichtekarte beim Laden aktivieren
   • 3D-Gebäude: Optionale 3D-Ansicht beim Laden aktivieren
3. Alle Einstellungen werden im Browser (localStorage, Schlüssel lk-map-prefs) gespeichert und sofort beim nächsten Kartenaufruf angewendet

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

5.5.2 Fahrzeugtypen und OSRM-Profile

5.5.1 HUD-Elemente während der Navigation

5.6 NearbyFeed (Dashboard)

Der NearbyFeed zeigt Ladestationen in der Nähe des Nutzerstandorts im Dashboard (Lite/Pro).

Tabs:

Aufklappbare Stationszeilen:
Jede Station ist als klickbare Zeile dargestellt. Ein Tipp/Klick öffnet eine Detailansicht mit:

• Vollständige Adresse
• Anzahl der Ladepunkte
• Öffnungszeiten (24/7-Kennzeichnung)
• Betreiber-Name
• Ladekosten-Text
• kW-Badges für jede verfügbare Ladeleistung
• Steckertypen-Badges
• „Navigation starten"-Button → holt GPS-Position, speichert Navigationsziel in localStorage und öffnet die Karte mit dem NavigationWizard

Radius-Auswahl: 10 km / 25 km / 50 km / 100 km
Aktualisierung: Manuell via Refresh-Button oder automatisch bei Radius-Änderung
Radius-Filterlogik: Die OCM-API wird mit einem 50 % größeren Radius abgefragt (fetchRadius = selectedRadius × 1.5, max. 150 km), danach werden die Ergebnisse client-seitig per Haversine-Formel auf den exakten gewählten Radius gefiltert. Dadurch wird verhindert, dass ein OCM-Ergebnislimit (200 Einträge) den sichtbaren Bereich künstlich beschneidet.

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.
Admin- und Super-Admin-Rollen sehen einen zusätzlichen Admin-Tab (Schild-Icon) statt des normalen Profil-Tabs.

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:

9. Glossar

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.