- Kshitij Bhatnagar
- Projects
- Off the Bench
Off the Bench
Level-matched tennis for Delhi NCR
Built by Kshitij Bhatnagar
A marketing site for a Delhi-NCR tennis community targeting former competitive players. The hero is a physics-accurate bouncing felt ball that drifts right on load and scrolls to centre as the Google Form appears.
The spark
Local tennis communities were all advertised with the same tired filler and clip-art. Nothing on screen actually felt like the sport, or spoke to players who had genuinely competed.
What was built
I built a standalone marketing site whose hero is a scroll-driven, procedurally textured three.js tennis ball (accurate seams, felt sheen, pointer parallax) that slides from right to centre as the community form fades in. Concrete copy, zero filler, mobile-first.
Architecture
- Scroll-driven three.js hero, lazy-imported for SSR safety
- Procedural felt texture + accurate seam formula on canvas
- Physics squash, pointer parallax, smoothstep scroll easing
Highlights
- Fluffy felt ball with accurate tennis seams
- Scroll-driven right-to-centre animation
- Concrete copy for competitive players
- Mobile-first, SSR-safe three.js