Sideglass

A concept padel club website built as one continuous interactive 3D scene: scroll and the camera circles the courts while four players play a rally, with real court booking on top.

FigmaHTMLCSSJavaScript
Open live demoConcept project
ClientConcept — fictional brand
CategorySports & clubs · Interactive 3D
TypeConcept project
Year2026
Live demoorganoostudio.com/demos/sideglass

See it live

Device mockups next to the real homepage, running live — scroll through it or open the full demo.

Sideglass — CoverSideglass — All screensSideglass — ResponsiveSideglass — Inner page
organoostudio.com/demos/sideglass
Hover to pause · drag the bar to explore
Explore the full siteFully working demo · desktop & mobile
Open live demo

The brief

Padel is booming and clubs now compete on experience. Show a club site that feels like stepping onto the court, without making booking any harder.

The idea

One 3D club that never cuts away: photographed skies, real materials and a doubles match whose every step and swing follows your scroll, from golden hour to floodlit night.

What to try

Scroll slowly from top to bottom, tap the next free court in the hero, hold a slot in the schedule and join an open match.

What we built

Pages and features delivered for launch.

Sideglass
Home (one continuous scene)CourtsSchedule & bookingOpen matchesPricesVisit & FAQ
Scroll-driven 3D

Camera, ball rally and time of day all follow the scroll.

Animated players

Four players run, serve and swing in sync with the ball.

Live booking grid

Six days, four courts: hold a slot or join a match.

Light on devices

Renders only while you scroll and lowers resolution on slow phones.

Built with — three.js (WebGL), HTML, CSS, vanilla JavaScript · fully client-side

← Back to all work