Spielplan & Navigation: 104 Spiele im Griff

Aktuell: endlose Liste mit Stage-Filter oben. Wie machen wir das besser für Mobile?

Spielplan-Struktur

A

Smart Sections (Empfehlung)

Spielplan automatisch in Abschnitte unterteilt:
"Heute" (expandiert, farbig hervorgehoben)
"Morgen" (expandiert)
"Diese Woche" (kollapsiert, Anzahl angezeigt)
"Vergangene Spiele" (kollapsiert, zeigt letzte Ergebnisse + deine Punkte)

Kein manuelles Filtern nötig — die App weiß, was jetzt relevant ist. Stage-Filter (Gruppenphase, Achtelfinale...) bleiben als optionaler Zweitmodus.

B

Tab-basiert

Drei Haupt-Tabs am oberen Rand:
"Offen" — Spiele, die noch getippt werden können (nach Kick-off sortiert)
"Live" — Laufende Spiele mit Echtzeit-Status
"Ergebnisse" — Abgeschlossene Spiele mit Punkten

Klar getrennt, aber weniger zeitlicher Kontext ("heute/morgen").

Mobile Navigation

C

Bottom Navigation Bar (Empfehlung)

Feste Leiste am unteren Bildschirmrand mit Icons + Label:
🏠 Home (Dashboard) · ⚽ Spiele · 🏆 Rangliste · 👤 Profil

Standard-Pattern für Mobile-Apps (Staffbase, Instagram, etc.). Header wird schlank — nur Logo + evtl. Notification-Badge. Admin nur für Editoren sichtbar als Extra-Icon.

D

Header-Nav beibehalten

Bestehende Navigation oben lassen, aber scrollbar machen auf Mobile (horizontal swipe). Weniger Aufwand, aber der Header nimmt auf kleinen Screens viel Platz ein und ist weniger daumenfreundlich.