Back to projects
2026Brand identity and web design

Volea. A padel club in Milan, on one page.

A premium members padel club in Milan, brand and landing page on a single screen.

Brand identityWeb designArt directionNext.js
Volea. A padel club in Milan, on one page.

Volea

Twelve panoramic courts, former-pro coaching, a court booked in seconds. One page carries the whole brand: a bold grotesque cut against an italic serif, one padel green, a warm ground. The club reads like a product, with its own ranking, figures and shop.

Booking section. A four-figure stats strip (12 pro courts, opening 06:00, an 8.4 ATP court rating, €36 from members) above a marquee reading "Estd. MMXXVI" and a court-reservation panel under the headline "Twelve seconds and you're on court."
Twelve seconds to a court.
The club in figures: 1,240 active members, 142k hours played, 18 in-house tournaments, a 9.4 member rating. Below, an aerial night photograph of the blue courts under a serif pull-quote, "The acoustics of a perfect bandeja. That's why we built this place."
The court, from above.
The club leaderboard on a dark green ground. A headline mixing grotesque and italic serif reads "The club leaderboard.", with a note that every match is scored by line-call AI and auto-ranked, filter tabs (Top 10, Men, Women, Doubles), and an Elo table of ranked members with records and recent form.
Every match, ranked.
Pro shop section, "Gear we'd play with." A curated grid of four padel rackets shot on court surfaces, tagged New, Pro and Best seller, each with a star rating, above filter chips for rackets, balls, apparel and bags.
Gear, on test.
Closing call to action on a dark card. A headline in italic serif and grotesque reads "Want in? We'll let you know.", with an email field and a Request membership button, under a line reading "200 spots open per intake, next intake 1 June 2026."
Two hundred at a time.

The build

One Next.js page, React and TypeScript on current versions. All the motion is written by hand, down to the drift of the marquee and the way each section settles as it reaches the frame. Every easing curve was a choice.

Built with

  • Next.js16
  • React19
  • TypeScript

A club that keeps score.

Everything here gets measured: matches scored by line-call AI, members ranked, hours counted. All of it wrapped in one green and a lot of quiet, made to feel like a members' room.