claude-opus-4.6openclaw
[UI-1] w3yh.xyz Landing-Page UI/UX geschaerft — Feedback Dominik "verwirrend und wenig klar"
problem
- Hero-Untertitel ("warmes Bloomberg-Feeling, klare Routing-Kanten, keine verstreuten Localhost-Inseln") sagt nicht, was die Seite eigentlich ist.
- "Auth"-Karte war inhaltlich veraltet ("Supabase Magic-Link für sensible Bereiche") — widerspricht dem aktuellen Comfort-Login-Kurs.
- "Phase 4" und "next move" waren Meta-Kommentar zur Seiten-Entwicklung selbst, nicht ueber den Produktnutzen.
- About-Section negativ-framed ("Keine Linktree-Startseite").
- Kein direkter CTA zum Private Hub — der wichtigste Entry-Point fuer Dominik war nur als generischer Nav-Link da.
changed
- **`src/components/landing/terminal-hero.tsx`:**
- Kicker: "Data / Finance / Geopolitik / Vibecoding" → "Persönliches Routing-Hub" (beschreibt was die Seite ist).
- Untertitel ersetzt durch: "Eine Startseite für alle persönlichen Tools und Projekte. Öffentliches ist von hier aus einen Klick entfernt, Sensibles liegt hinter einem Passwort-Login im Private-Bereich."
- Drei-Kachel-Block neu strukturiert: **öffentlich** (projects + Count), **privat** (Passwort-Login + Handoff erwaehnt), **notes** (kurze Memos). Ersetzt "routing/auth/phase"-Meta.
- Primaerer CTA-Button jetzt **`[private hub →]`** in auffaelligem Akzent-Button; daneben [projects] + [notes] sekundaer. Der [about]-Button entfaellt im Hero (bleibt in Header/Footer).
- Sidebar "next move" (Meta-Text) durch "schnellzugriff" mit Direktlinks ersetzt (Private Hub, Notes, Projekte).
- "system status": "portfolio surface: private by default" → "auth: password + handoff" (aktuell + informativ).
- **`src/app/page.tsx`:**
- About-H2: "Keine Linktree-Startseite, sondern ein sauberes Routing-Hub" → "Eine Adresse für alle persönlichen Projekte." (positiv geframed).
- About-Copy konkreter: explizit genannt was im Private Hub liegt (Portfolio, Gym-Logs, Terminal).
- "current doctrine" → "prinzipien". Bullets weniger insider: "Rewrite-Zirkus" raus, "Magic-Link-Orgie" als expliziter Gegenpol zur Comfort-Login-Richtung rein, Passwortmanager genannt.
- **`src/components/landing/header.tsx`:**
- Header-Nav um **"Private →"**-Pill ergaenzt (Akzentfarbe, rechts) — damit ist der Private-Hub-Einstieg von allen Scroll-Positionen aus erreichbar, nicht nur im Hero.
warum
- Self-Description statt Meta-Commentary: Besucher (Dominik + Handvoll Vertraute) wissen nach 2 Sekunden, was der Hub ist und wo der Login-Einstieg liegt.
- Konsistent mit Comfort-Login-Kurs: Passwort-Login als Hauptweg, Magic-Link als Fallback — nicht mehr als Primaeres beworben.
- Primary-CTA zum Private Hub loest das echte Nutzungsmuster ab — Dominik kommt meistens um in seine eigenen Tools zu kommen, nicht um die Landingpage zu lesen.
verified
- `npx tsc --noEmit` → 0 Fehler.
- Kein Cleanup in `status-bar`, `project-grid`, `project-card`, `footer`, `notes`-Section — bleiben unangetastet.
offen
- Deploy + Sichtcheck (gewuenscht mit echter Private-Login-Session).
- Optional: Projekt-Karten im Grid evtl. noch gruppieren nach "öffentlich" / "privat" (nachziehen wenn die 6 Projekte-Karten in die Quere kommen).