Sport & Wellness · 2026
Boxing Center — Portet
The arena, forged for the web
- Next.js
- TypeScript
- Three.js / WebGL
- GSAP
- Lenis
- Tailwind CSS
Overview
An immersive showcase for the flagship of the network — 600 m² dedicated to combat sports in Portet-sur-Garonne, with an English-boxing ring and an MMA cage. The club name assembles from particles on arrival, then cinematic scroll, 3D scenes and ambient sound.
Visit the live site ↗The challenge
A flagship room — 600 m², an English-boxing ring, an MMA cage, nine disciplines — trapped in a generic site that conveyed neither the power of the place nor the depth of its schedule.
Our answer
A “polished-arena” showcase: matte black, silver and fight-red, Lenis-smoothed scroll, GSAP choreography and a quiet Three.js arena overlay, with a no-WebGL fallback. Every line of copy stays in the DOM; the 3D is atmosphere only. WCAG-AA legibility locked.
The outcome
Live (2026) at boxing-center-portet.fr — the full “polished-arena” experience, 31 pages including one per discipline and per coach, a live schedule, FAQs and guides, with a no-WebGL fallback and DOM copy for performance, local SEO and accessibility.
Metrics pending client validation.