Warum's Eiswärts gibt
Als wir beim ersten U7-Spiel der Erding Gladiators froren, weil niemand wusste, wie kalt es dort wirklich wird, gab's diese Seite noch nicht. Jetzt gibt's sie, mit allem, was du vor dem nächsten Spiel wissen musst: Kleidung, Parken, Verpflegung.
Vorher hieß das: die eine geduldige Person im Verein fragen, die man vor jedem Auswärtsspiel schon wieder mit „Wie ist es da eigentlich?“ genervt hat. Danke, dass du's ausgehalten hast. 😅
Die Landingpage ist im Detail so entstanden: ein Nachmittag, ein paar Entscheidungen, ein paar Umwege. Schritt für Schritt, gemeinsam entwickelt.
- 01
Eine Referenz analysieren, nicht kopieren
Startpunkt war die Analyse einer Referenzseite aus dem Premium-SaaS-Bereich, wegen der Disziplin dahinter: ein einziger knalliger Akzent, mehrschichtige weiche Schatten statt harter CSS-Schatten, winzige getrackte Mono-Labels für jede Nebeninfo. Terrakotta und Lime passen nicht zu Eishockey, die Struktur dahinter schon. Wir haben sie übernommen und Farben sowie Bildsprache komplett neu gesetzt: Eis statt Terrakotta.
- 02
Die drei stärksten Aufhänger, plus Farbsystem
Aus dem Content-Briefing haben wir die drei stärksten Aufhänger destilliert: Kleidung, Parken, Verpflegung, genau in dieser Reihenfolge. Dazu das neue Farbsystem: kühles Eis-Weiß-Blaugrau als Basis, dunkles Blau-Schwarz mit Opazitätsstufen für Text, ein einziges sattes Eishockey-Rot als Akzent. Noch ohne Bild, nur Farbe, Typografie, echte Texte.
Erste Version: Desktop 
Erste Version: Mobile - 03
Ein echtes Vorschlagsformular
Auf jeder Hallenseite gibt es jetzt ein echtes Formular zum Melden und Korrigieren, inklusive Spam-Schutz ganz ohne kostenpflichtigen Dienst.
- 04
Der Hero-Hintergrund, erster Anlauf
Eine handgebaute SVG-Pixel-Art-Szene wirkte zu grob: Figuren und Tor waren kaum erkennbar. Florian hat das Bild manuell über die Gemini-Web-Oberfläche generiert. Der erste Versuch kam mit unerwünscht eingebranntem Fake-Text.
Versuch 1: mit eingebranntem Fake-Text - 05
Sauber, ohne Text-Artefakte
Ein zweiter Prompt-Durchlauf, direkt brauchbar: Eis-Blau, Dunkel-Navy und der eine rote Akzent, dazu Kinder beim Spiel, Eltern auf der Bank, Flutlicht im Hintergrund, diesmal ohne eingebrannten Text.
Versuch 2: direkt brauchbar - 06
Vom Bild zur fertigen Seite
Beim Feinschliff haben wir eine echte Glas-Fläche hinter den Fließtext gesetzt statt nur einem Verlauf, ehrliche Chip-Texte statt einer erfundenen „Geprüft"-Behauptung eingebaut und einen CSS-Layer-Bug behoben, der ein Label dunkel statt weiß gerendert hat. Dazu haben wir zwei Community-Wünsche eingebaut: Kaffee bei der Verpflegung und eine kleine Anekdote über die eine Person im Verein, die man vorher immer gefragt hat.
Finale Version: Desktop 
Finale Version: Mobile - 07
Vom Vorschlag bis zur Suchmaschine
Wir haben ein Moderations-Dashboard ergänzt: Anmeldung per Magic-Link (kein Passwort), eine Warteschlange mit Vorher/Nachher-Vergleich pro Vorschlag, Freigeben oder Ablehnen mit einem Klick. Dazu kamen die rechtlich nötigen Seiten (Impressum, Datenschutzerklärung), eine öffentliche Changelog-Seite, eine echte Vorschau beim Teilen des Links und eine Sitemap für Suchmaschinen.
Impressum 
Changelog-Seite - 08
Dunkler Modus, Suche und die komplette Vereinsliste
Die Seite wechselt jetzt automatisch ins Dunkle, wenn Handy oder Rechner das so eingestellt haben. Wer lieber selbst entscheidet, findet im Footer einen Umschalt-Knopf. Auf der Hallenliste kann man jetzt direkt nach Halle, Ort oder Verein suchen, statt zu scrollen. Und die Vereinsliste ist von 38 auf alle 97 beim Bayerischen Eissport-Verband gemeldeten Vereine gewachsen, mit Adresse und Social-Media-Links, wo verfügbar.
Stolperstein unterwegs: Manche Vereine trennen ihre erste Mannschaft rechtlich von der Jugendabteilung: Die Profis spielen unter einer eigenen Firma und oft einem ganz anderen Namen als der eingetragene Verein, der die Jugend trägt. Für eine Seite, die sich an Eltern im Jugend-Eishockey richtet, mussten wir das sauber auseinanderhalten, sonst hätten wir am Ende die falsche Adresse für den falschen Zweck gezeigt. - 09
Handy-Navigation, Passkeys und Vereinsverwaltung
Auf dem Handy gibt es jetzt eine feste Navigation am unteren Bildschirmrand für Hallen, Vereine, Karte und Melden, wie in einer richtigen App. Moderator:innen können sich per Passkey anmelden, ganz ohne E-Mail-Link (der bleibt als Fallback). Im Adminbereich lassen sich jetzt auch Vereine direkt pflegen: Adresse, Webseite, Social-Media-Links, alles an einer Stelle statt in der Supabase-Tabellenansicht. Bisher ging das nur bei Hallen.