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.
Und hier ist, wie die Landingpage im Detail entstanden ist — 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 — nicht wegen der Farben (Terrakotta und Lime passen nicht zu Eishockey), sondern wegen der Disziplin dahinter: ein einziger knalliger Akzent, mehrschichtige weiche Schatten statt harter CSS-Schatten, winzige getrackte Mono-Labels für jede Nebeninfo. Diese Struktur wurde übernommen — Farben und Bildsprache komplett neu gesetzt: Eis statt Terrakotta.
- 02
Die drei stärksten Aufhänger, plus Farbsystem
Aus dem Content-Briefing wurden 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
/melden und die Korrektur-Variante auf jeder Hallenseite. Spam-Schutz ganz ohne kostenpflichtigen Dienst — ein Honeypot-Feld, eine Zeit-Falle (unter 2 Sekunden zwischen Laden und Absenden), Rate-Limit nach gehashter IP. Optional dazu Cloudflare Turnstile.
Bug beim Testen gefunden: die „Fake-Success"-Antwort für Bots war eine wiederverwendete Response-Konstante — Response-Bodies sind Single-Use-Streams, beim zweiten Treffer kam ein leerer Body zurück. Gefunden durch einen Ende-zu-Ende-Test gegen die echte Datenbank, nicht erst live. - 04
Der Hero-Hintergrund, erster Anlauf
Eine handgebaute SVG-Pixel-Art-Szene wirkte zu krude — Figuren und Tor waren kaum erkennbar. Der Versuch über die Gemini-API scheiterte am Bildgenerierungs-Kontingent (0 im kostenlosen Tier). Also hat Florian 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 — ohne eingebrannten Text.
Versuch 2 — direkt brauchbar - 06
Vom Bild zur fertigen Seite
Mehrere Runden Feinschliff: eine echte Glas-Fläche hinter dem Fließtext statt nur einem Verlauf, ehrliche Chip-Texte statt einer erfundenen „Geprüft"-Behauptung, und ein CSS-Layer-Bug behoben, der ein Label dunkel statt weiß gerendert hat. Dazu 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
Ein Moderations-Dashboard kam dazu: Anmeldung per Magic-Link (kein Passwort), eine Warteschlange mit Vorher/Nachher-Vergleich pro Vorschlag, Freigeben oder Ablehnen mit einem Klick. Dazu die rechtlich nötigen Seiten (Impressum, Datenschutzerklärung), eine echte Vorschau, wenn der Link geteilt wird, 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 — mit einem Umschalt-Knopf im Footer für alle, die lieber selbst entscheiden. 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, musste das sauber auseinandergehalten werden, sonst hätte man 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). Und im Adminbereich lassen sich jetzt nicht nur Hallen, sondern auch Vereine direkt pflegen — Adresse, Webseite, Social-Media-Links, alles an einer Stelle statt in der Supabase-Tabellenansicht.