URL publique Rocalys
Site live : https://rocalys-esport.fr
C'est l'URL de production du site Rocalys, refonte vanilla HTML/CSS/JS du club esport de Pierre Pastor (ex-COO Arcadium). Accessible publiquement.
Site Rocalys — refonte Webflow + design "cocon"
Site club esport pour Rocalys (Pierre Pastor, ex-COO Arcadium). Mission : réconcilier univers gaming, encadrement pro et chaleur humaine.
Stack volontairement minimaliste : HTML/CSS/JS vanilla + mini moteur de templating maison · Migration Astro à venir · Préparé pour intégration Sport Manager marque blanche.
9 pages livrées, site en production, prestation refonte facturée janvier 2026. Continuité de partenariat 6 ans avec Pierre Pastor depuis Arcadium.
Pourquoi refondre Rocalys
Le site Rocalys vivait dans Webflow : élégant, mais cher (abonnement mensuel), lent à éditer, fermé techniquement, impossible à connecter à un vrai backend pour gérer plus tard les abonnés, paiements et communauté du club via Sport Manager.
Le club avait besoin d'un site qui lui ressemble :
- Pas une carte de visite générique
- Pas un site corporate froid
- Pas non plus un truc gamer criard
Rocalys est un club de quartier à Montpellier, pas une équipe pro distante. Le site devait porter cette identité.
Modèle business du projet :
- Prestation de refonte facturée (one-shot, payée janvier 2026)
- Première brique d'une relation longue : le site est conçu pour devenir le canal d'inscription des futurs abonnés Sport Manager Rocalys
- Modèle vitrine ↔ exploitation : la prestation paie le coût d'acquisition d'un client Sport Manager, et la licence Sport Manager génère le récurrent
Le défi "cocon" : gaming + pro + chaleur humaine
Trois univers difficiles à marier sans choisir un camp :
- Le jeu vidéo : visuels gaming, énergie compétitive, codes esport reconnus par les joueurs
- L'encadrement mature, professionnel : Rocalys n'est pas une bande de gamers solitaires, c'est un club structuré avec coachs et méthode
- La chaleur humaine : Rocalys c'est un cocon où l'on se sent accueilli, pas un esport-shop froid
Le design tranche le piège évident — soit tomber dans l'esthétique gamer agressive (RGB criard, dark néon, mascots), soit dans le corporate aseptisé.
Au lieu de ça : visuels gaming maîtrisés (vrais joueurs en photo, pas de stock), typographie Montserrat propre, animations AOS sobres au scroll, Hero avec image immersive mais lisible, ton de voix accueillant (« Rejoignez », « Notre communauté »). On est dans un club, pas dans un magasin.
Statique aujourd'hui, prêt à devenir dynamique demain
Décision technique assumée : HTML/CSS/JS pur (vanilla), pas de framework, pas de build, pas de Node.js. Pourquoi ?
- Pierre (Rocalys) doit pouvoir éditer le site lui-même sans appeler un dev
- L'hébergement coûte presque rien (statique sur CDN)
- Performance native, SEO naturel, zéro dépendance qui casse
- Migration Astro prévue pour la suite (référencement IA avancé), faisable sur cette base saine en quelques heures
Pour éviter la duplication HTML qu'imposerait un site multi-pages pur, j'ai écrit un mini moteur de composants maison (js/components-loader.js) :
- Les pages déclarent un slot via
<div data-component="header"></div> - Le loader fetch le composant depuis
/components/header.html, le compile avec support de variables et de conditions (mini templating), et l'injecte - Header et footer factorés en un seul endroit pour tout le site
- Système prêt à accueillir des widgets Sport Manager embed quand on basculera la couche dynamique (compte, abonnements, boutique) — c'est la stratégie ERP marque blanche du Sport Manager appliquée concrètement
Pages livrées et preuves Rocalys
9 pages live sous une identité visuelle cohérente :
index.html(accueil),gaming-center.html(espace physique)club-lol.html,club-tft.html,club-rocket.html(clubs par jeu)boutique.html+boutique-mtg.html+boutique-riftbound.html(TCG/jeux de cartes en boutique)contact.html
Stack secondaire : HTML5 + CSS3 + JavaScript ES6 vanilla, AOS (Animate On Scroll) via CDN, Google Fonts (Montserrat), Font Awesome, images responsives <picture> avec sources 500/800/1080/1600 px en .webp, SEO complet (Open Graph, sitemap, robots, meta ciblée Montpellier).
Preuves :
- Site en production sur le domaine Rocalys, refonte livrée et payée
- Captures d'écran disponibles dans le repo
- Site préparé pour la suite : système de composants prêt à accueillir les widgets Sport Manager embed
- Continuité 6 ans avec Pierre Pastor (ex-COO Arcadium → partenaire / exploitant Sport Manager Rocalys aujourd'hui)
- Site sert également de vitrine pour l'Arcadium Cup (finale Mars 2026 avec MUC Omnisports)