Stadtseiten-Layout & Navigation
Erkundung1 Min. Lesezeit·Heute aktualisiert
Überblick über das Layout der Stadtseiten — Abschnitte, Reihenfolge und responsive Optimierung.
Layout der Stadtseiten
Stadtseiten folgen einem vertikalen, scrollbaren Layout. Abschnitte erscheinen je nach verfügbarem Inhalt.
Seitenstruktur
- CityHero: Hero-Banner mit Stadtbild, Name und Statistiken (Orte, Routen, Kampagnen)
- HowItWorksStrip: Visuelle 3-Schritte-Anleitung (nur für Gäste, bei beanspruchten Städten)
- Explorer-Dashboard: Persönlicher Fortschritt mit Besuchszähler und Prozent (angemeldete Nutzer)
- Aktive Kampagnen: Kampagnen-Banner mit Countdown (wenn Kampagnen vorhanden)
- Routen: Kuratierte Routen mit Fortschrittsanzeige
- Community-Sektion: Lokale Community-Aktivitäten und Meldungen
- Orte-Raster: Alle Orte mit Kategoriefilter und „Mehr anzeigen“
- Städte in der Nähe: Links zu benachbarten Stadtseiten
Karte
Die interaktive Karte ist eine eigene Seite (verlinkt vom CityHero), kein Tab auf der Stadtseite. Sie zeigt alle Orte, Routen und Community-Meldungen mit Kategoriefiltern.
Responsive Design
Auf kleinen Bildschirmen stapeln sich die Abschnitte vertikal und das Orte-Raster wechselt zu einer einzelnen Spalte.