Neue Website für eine Padel-Halle

TheCourt Padel

Vier Indoor-Courts in Schwäbisch Gmünd – mit einem Court, der sich im Einstieg selbst zeichnet, und einem Ballwechsel, der die Regeln erklärt.

Ausgangslage

Die bisherige Seite lief auf einem Website-Baukasten.
Padel ist für viele neu. Die Website muss das Spiel erklären, bevor jemand einen Court bucht.
Die Aufgabe: Preise, Öffnungszeiten und Buchung auf einen Blick, auf Deutsch und Englisch.

Tempo und Spiel

Farben und Formen kommen aus der Halle: Nachtblau, das Kobalt des Courts, das Gelbgrün des Balls, sehr breite Schrift.
Eine Seite, ein Ziel: Court buchen. Die Buchung ist von überall erreichbar, mobil als feste Schaltfläche.
Preise und Inhalte liegen in einfachen Dateien, damit sie sich ohne Eingriff in den Code ändern lassen.

Ein Court, der sich selbst zeichnet
Boden, Linien, Netz, Glaswände und Zaun entstehen nacheinander, dann läuft ein Ballwechsel. Beim Scrollen hebt sich die Kamera bis zur Draufsicht.
Padel in vier Schritten
Aufschlag, Ballwechsel, Glas, Punkt: Der Ball läuft die Wege ab, der Spielstand springt um. Läuft von selbst, lässt sich aber auch anklicken.
Bewusst ohne WebGL
Der Court ist auf einer 2D-Zeichenfläche mit eigener Perspektivrechnung umgesetzt. Das spart eine ganze 3D-Bibliothek – die Startseite wiegt 289 KiB.

Strukturierte Daten für SportsActivityLocation mit Adresse, Öffnungszeiten und Buchungsaktion
FAQ-Daten auf der Startseite, eine /llms.txt mit Fakten und Preisen
Sprachverweise zwischen Deutsch und Englisch
Dauerhafte Weiterleitungen von den alten Adressen

Lighthouse 13.5, mobil, lokaler Build, 04.10.2026. Keine Messung der Live-Website.

Nächstes Projekt

Schreiben Sie mir, was Sie vorhaben – oder schicken Sie einfach die Adresse Ihrer jetzigen Website. Ich melde mich persönlich bei Ihnen.