New website for a padel hall

TheCourt Padel

Four indoor courts in Schwäbisch Gmünd, with a court that draws itself in the opening section and a rally that explains the rules.

The screenshots show the German version of the website.

Starting point

The previous site ran on a website builder.
Padel is new to many people. The website has to explain the game before anyone books a court.
The task: prices, opening hours and booking at a glance, in German and English.

Pace and play

Colours and shapes come from the hall: night blue, the cobalt of the court, the yellow-green of the ball, very wide type.
One page, one goal: book a court. Booking is reachable from anywhere, on mobile as a fixed button.
Prices and content live in simple files so they can be changed without touching the code.

A court that draws itself
Floor, lines, net, glass walls and fence appear one after another, then a rally begins. As you scroll, the camera rises to a top-down view.
Padel in four steps
Serve, rally, glass, point: the ball traces the paths and the score changes. It runs by itself but can also be clicked.
Deliberately without WebGL
The court is drawn on a 2D canvas with its own perspective calculation. That saves an entire 3D library: the home page weighs 289 KiB.

Structured data for SportsActivityLocation with address, opening hours and booking action
FAQ data on the home page, an /llms.txt with facts and prices
Language references between German and English
Permanent redirects from the old addresses

Lighthouse 13.5, mobile, local build, 4 October 2026. Not a measurement of the live website.

Next project

Tell me what you have in mind, or simply send me the address of your current website. You will hear back from me personally.