Ronny
64 lines
3.0 KiB
HTML
64 lines
3.0 KiB
HTML
<h2>Profil-Seite & Match-Cards aufwerten</h2>
|
|
<p class="subtitle">Zwei Bereiche, die aktuell etwas leblos wirken</p>
|
|
|
|
<div class="section">
|
|
<h3>Profil-Seite: Von Nullen zu Persönlichkeit</h3>
|
|
<p>Aktuell: Name, Rang, 4 Stat-Boxen mit Nullen. Kein Grund hier wiederzukommen.</p>
|
|
</div>
|
|
|
|
<div class="options">
|
|
|
|
<div class="option" data-choice="profil-rich" onclick="toggleSelect(this)">
|
|
<div class="letter">A</div>
|
|
<div class="content">
|
|
<h3>Reiches Profil (Empfehlung)</h3>
|
|
<p>
|
|
<strong>Header:</strong> Avatar (Initialen-Circle wie jetzt), Name, Rang-Badge, Lieblingsteam mit Flagge
|
|
<br><strong>Stats-Ring:</strong> Kreisdiagramm mit Exakt/Tendenz/Falsch-Verteilung statt 4 separate Boxen
|
|
<br><strong>Tipp-Historie:</strong> Scrollbare Liste der letzten Tipps mit Ergebnis + Punkte — "Deine letzten 10 Tipps"
|
|
<br><strong>Achievements:</strong> Badge-Leiste (grau wenn noch nicht erreicht, farbig wenn freigeschaltet) — Vorgriff auf Phase 2
|
|
<br><strong>Fun-Stat:</strong> "Dein Lieblings-Tipp: 1:0 (5x getippt)" oder "Du tippst 70% Heimsiege"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="option" data-choice="profil-minimal" onclick="toggleSelect(this)">
|
|
<div class="letter">B</div>
|
|
<div class="content">
|
|
<h3>Minimal-Upgrade</h3>
|
|
<p>Bestehende Struktur beibehalten, aber: Stat-Boxen mit Animationen beim Laden, Tipp-Historie als einfache Liste darunter, Lieblingsteam-Auswahl prominenter platzieren. Weniger Aufwand, aber auch weniger Wow.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="section" style="margin-top: 32px;">
|
|
<h3>Match-Cards: Mehr Status, mehr Emotion</h3>
|
|
<p>Aktuell: Team-Flaggen + Uhrzeit + "Tipp abgeben"-Button. Funktional, aber alle Karten sehen gleich aus.</p>
|
|
</div>
|
|
|
|
<div class="options">
|
|
|
|
<div class="option" data-choice="cards-states" onclick="toggleSelect(this)">
|
|
<div class="letter">C</div>
|
|
<div class="content">
|
|
<h3>Zustandsbasierte Cards (Empfehlung)</h3>
|
|
<p>Jede Card sieht anders aus je nach Zustand:
|
|
<br>⏳ <strong>Offen:</strong> "Tipp abgeben"-Button, Countdown wenn <24h
|
|
<br>✅ <strong>Getippt:</strong> Dein Tipp prominent angezeigt, grüner Rand, "Ändern"-Link
|
|
<br>🔴 <strong>Live:</strong> Pulsierender roter Punkt, aktueller Spielstand (wenn verfügbar)
|
|
<br>🏁 <strong>Beendet:</strong> Ergebnis + dein Tipp + Punkte-Badge (Gold/Grün/Grau), bei exaktem Treffer: goldener Schimmer
|
|
<br>🔒 <strong>Verpasst:</strong> Ausgegraut, "Nicht getippt" — leichter Shame-Effekt als Motivation
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="option" data-choice="cards-simple" onclick="toggleSelect(this)">
|
|
<div class="letter">D</div>
|
|
<div class="content">
|
|
<h3>Einfache Verbesserung</h3>
|
|
<p>Bestehende Cards beibehalten, nur Farb-Akzente für Status hinzufügen (grüner Rand = getippt, grau = verpasst). Kein grundlegender Redesign. Weniger Aufwand, aber auch weniger visuell differenziert.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |