TSV Starnberg von 1880 e.V.

Neue Website – Designentwürfe in der engeren Wahl

Alle Entwürfe nutzen die echten Inhalte der bisherigen Seite und führen deren Erkennungsmerkmale weiter. Pro Entwurf gibt es die Startseite und als Beispiel für alle Abteilungsseiten die Volleyball-Seite.

Was vom bisherigen Auftritt bleibt

FarbenDas Navy der Menüleiste und das Himmelblau des Hintergrunds bleiben die Hauptfarben.
Logo & Pfeil-MotivDie drei gestapelten Formen aus dem Logo tauchen als grafisches Element auf.
SchriftTitillium Web für Überschriften und Open Sans für Text, wie bisher. Jetzt lokal gehostet, ohne Google-Server.
Schrägschnitt-CollageDie schräg geschnittenen Sportfotos aus dem alten Kopfbereich.
Datumsbox & +++ TickerDie Datumsbox bei den Berichten und das Laufband für Kurzmeldungen.
BrunnangerhalleDas blau eingefärbte Hallenfoto aus dem alten Seitenhintergrund.

Die Entwürfe

Entwurf 2

„Dynamisch“

Weiterentwicklung des alten DesignsDie Schrägschnitte der alten Collage werden zum Leitmotiv: in Fotos, Buttons und Übergängen. Große Versal-Typo und viel Navy.

  • Bildschirmfüllender Einstieg mit schrägen Fotostreifen
  • Kennzahlen: rund 2.500 Mitglieder, 19 Sportarten, 27 Kurse
  • Sportarten als große Bildkacheln mit Filter
  • „In drei Schritten Mitglied werden“ mit Beiträgen
Entwurf 7

„Stapel“

Entwurf 2 + Entwurf 6, Leitmotiv LogoBeim ersten Scrollen fliegen die drei Formen aus dem Logo, drehen sich und werden zu überlappenden Kacheln, die sich dann öffnen. Weiter unten liegen Kacheln gestapelt wie die Logo-Formen und fächern sich beim Scrollen auf.

  • Navy, Versal-Typo und Schrägen aus Entwurf 2
  • Kachel-Raster aus Entwurf 6, jede Kachel mit dem Dach der Logo-Form
  • Animation folgt dem Scrollen und läuft beim Zurückscrollen rückwärts
  • Bei „Bewegung reduzieren“ ohne Animation, Laufband mit Pause-Knopf
Entwurf 8Neu

„Kaskade“

Variante von Entwurf 7Die Dächer zeigen am Ende nach unten: Die Formen lösen sich aus dem Logo in der Kopfzeile, wachsen, fliegen in die Mitte, drehen sich halb herum und landen mit der Spitze nach unten. Rechts im Einstieg Bilder aus dem Verein in Schrägstreifen wie in Entwurf 2. Jede Kachel greift mit ihrer Spitze über die Kachel darunter.

  • Logo-Animation mit Landung „Dach nach unten“
  • Kacheln untereinander überlappen wie eine Kaskade
  • Gestapelte Kachelgruppen zeigen beim Öffnen die Spitzen nach unten
  • Sonst wie Entwurf 7: Navy, Versal-Typo, Kachel-Raster, Pause-Knopf