Seiten
Inhalt
xPulse Chat – Landingpage Konzept
Status: CONCEPT · Ziel-Version: v1.3.0 Erstellt als Begleitung zu CONCEPT_xpulse-web.md
Ziel
chat.xpulse.one bekommt eine eigene Landingpage als Einstiegspunkt für neue und
wiederkehrende Nutzer – vor dem Login bzw. der App-Shell.
Bisher gibt es nur Login- und User-Areas. Die Landingpage schließt die Lücke: Was ist xPulse Chat, und wie fange ich an?
Kontext
| xpulse.one ← Brand-Page (zeigt alle xPulse Tools) |
| ↓ |
| chat.xpulse.one/ ← Chat-Landingpage ← dieses Konzept |
| ↓ |
| chat.xpulse.one/login/ ← Login / Registrierung |
| chat.xpulse.one/app/ ← App-Shell (eingeloggte User) |
Inhalt & Struktur
| ┌─────────────────────────────────┐ |
| │ │ |
| │ xPulse Chat │ ← Logo (xPulse dim, Chat accent) |
| │ ───────────────────── │ |
| │ P2P Messenger. Privat. │ ← Tagline |
| │ Verschlüsselt. Ohne Server. │ |
| │ │ |
| │ [→ Loslegen] │ ← CTA → /login |
| │ │ |
| │ ───────────────────── │ |
| │ │ |
| │ 🔒 Ende-zu-Ende verschlüsselt │ ← Feature Cards |
| │ ⬡ Peer-to-Peer, kein Server │ |
| │ 📵 Keine Datenspeicherung │ |
| │ 📦 Installierbar als PWA │ |
| │ │ |
| │ ───────────────────── │ |
| │ │ |
| │ ℹ So funktioniert's │ ← Kurze Erklärung Peer-Pairing |
| │ │ |
| │ ───────────────────── │ |
| │ │ |
| │ xpulse.one · Datenschutz ... │ ← Footer |
| │ │ |
| └─────────────────────────────────┘ |
CTA
- Text:
→ Loslegen(statt "Chat öffnen" – führt direkt zum Login) - Ziel:
/login - Eingeloggte User werden direkt zur App-Shell weitergeleitet (kein CTA nötig)
"So funktioniert's" – Sektion
Kurze, nüchterne Erklärung des Peer-Pairing-Konzepts – für neue Nutzer die noch nicht wissen was ein "Peer-Code" ist.
| ┌─────────────────────────────────────────┐ |
| │ So funktioniert's │ |
| │ ─────────────────────────────────── │ |
| │ │ |
| │ 1. Account anlegen │ |
| │ Nur ein Login – kein Name, │ |
| │ keine E-Mail nötig. │ |
| │ │ |
| │ 2. Peer hinzufügen │ |
| │ Tausche einen einmaligen │ |
| │ Pairing-Code mit deinem Kontakt │ |
| │ aus – einmal, dann gespeichert. │ |
| │ │ |
| │ 3. Loslegen │ |
| │ Direkte, verschlüsselte │ |
| │ Verbindung. Kein Server dazwischen.│ |
| │ │ |
| └─────────────────────────────────────────┘ |
Footer
Links auf xpulse.one/* (nicht lokal) – konsistent mit der restlichen App:
| xpulse.one · Datenschutz · Nutzungsbedingungen · Haftungsausschluss · Impressum |
Design
Identisch mit xpulse.one – gleicher Styleguide, gleiche CSS Custom Properties,
gleicher Noise-Overlay. Siehe CONCEPT_xpulse-web.md → Styleguide.
Logo-Behandlung
| xPulse Chat |
| ^^^^^^ ^^^^ |
| muted accent |
Analog zur Produkt-Card auf xpulse.one – Brand gedimmt, Produktname in Accent.
Abgrenzung
xpulse.one |
chat.xpulse.one (Landingpage) |
|
|---|---|---|
| Fokus | Brand / alle Tools | Chat-Produkt |
| CTA | → Tool-Cards | → Loslegen (Login) |
| Features | Brand-Pills | Feature-Cards mit Beschreibung |
| "So funktioniert's" | nein | ja |
| Rechtliches | eigene Unterseiten | Links auf xpulse.one/* |
Umsetzung
- Basis: Die alte
xpulse.oneindex.htmlvor der Brand/Chat-Trennung - Anpassungen: CTA-Text + Ziel, Logo-Behandlung, "So funktioniert's"-Sektion, Footer-Links
- Einbinden in die App-Shell als Route
/(vor Login-Guard) - Eingeloggte User: Redirect von
/→ App-Shell
Release
| v1.3.0 App Shell Redesign + Chat-Landingpage |