Création de site web pour évènement sportif

Vercors Bike Experiences

Vercors Bike Experiences est le rendez-vous VTT du plateau du Vercors, porté par l’association Vercors VTT. Pour la deuxième édition de l’événement, nous avons conçu un site à la hauteur des ambitions : moderne, dynamique et techniquement abouti, avec notamment des profils de parcours générés en temps réel à partir des traces GPX.

L'objectif.

Créer le site web de la deuxième édition du Vercors Bike Experiences pour asseoir ce rendez-vous VTT annuel sur le plateau du Vercors.

L’enjeu : donner de la crédibilité à l’événement, inscrire le projet dans une vision long terme portée par l’association Vercors VTT, et faire rayonner cette manifestation auprès de la communauté cycliste.

Les enjeux.

Asseoir l'événement

Après une première édition réussie à Villard-de-Lans, le Vercors Bike Experiences avait besoin d’un site web à la hauteur de ses ambitions pour s’installer durablement dans le calendrier VTT régional.

Crédibiliser le projet

Donner une image professionnelle à l’événement porté par l’association Vercors VTT, avec une vision long terme pour le VTT dans les 4 Montagnes.

Faire rayonner le territoire

Mettre en valeur les parcours exceptionnels du plateau du Vercors et attirer une communauté de passionnés au-delà du local.

Informer et convertir

Présenter clairement les différentes épreuves (Single Trail Rally, Gravel, randonnées VTT, Draisienne Trophy, Enduro Kid) et faciliter le passage à l’inscription.

Nos réalisations

Création du site vitrine événementiel

Pages de présentation des parcours avec profils d'élévation interactifs

Intégration de la charte graphique (logo, pictogrammes, patterns)

Plateforme / Extensions

WordPress

Elementor

Elementor Pro

LiteSpeed Cache

Site Kit by Google

Rank Math SEO

Collaboration

Identité visuelle : Petite Pomme (Claire Méraud) - logo, charte graphique, pictogrammes et patterns.

Voir le site web

Profil d'élévation GPX.

L’un des défis techniques du projet était d’afficher les profils d’élévation des parcours directement à partir des traces GPX. Plutôt que de recourir à une solution tierce ou des captures d’écran statiques, nous avons développé un module en JavaScript vanilla qui parse les fichiers GPX et génère dynamiquement le graphique d’altitude.

Le rendu utilise l’API Canvas native avec un lissage des courbes pour une lecture fluide même sur les longs tracés. Les couleurs sont entièrement personnalisables via CSS pour s’intégrer parfaitement à la charte graphique de l’événement. Le tout s’intègre dans un simple widget HTML Elementor, sans dépendance externe.

Design "inverted corners".

Le site adopte un design tendance avec des coins inversés (inverted corners) qui donnent du caractère aux sections et rompent avec les formes rectangulaires classiques. Cette approche graphique, en cohérence avec l’identité visuelle créée par Petite Pomme, apporte une touche moderne et dynamique qui reflète l’esprit sportif de l’événement.