St-Éphrem en course — Un site événementiel pour courir ensemble
Une expérience web claire et responsive pour découvrir les parcours, préparer sa participation et retrouver les photos et résultats de la course.
Aperçu
St-Éphrem en course est un rendez-vous sportif et communautaire en Beauce. Le site présente les distances de course, les informations pratiques et les défis destinés aux écoles et aux entreprises.
Développement et parcours utilisateur
J’ai développé le site avec Next.js, React et TypeScript, en organisant les contenus autour de l’accueil, des parcours, des photos et des résultats. La navigation responsive facilite l’accès aux renseignements depuis un téléphone avant et après l’événement.
Fonctionnalités livrées
Les inscriptions sont orientées vers MS1; les résultats et albums renvoient aux ressources officielles. Une FAQ, la présentation des partenaires et un formulaire qui prépare un courriel complètent le parcours.
Une base technique évolutive
Le contenu est structuré dans le code avec des adaptateurs prévus pour une évolution future. Le projet comprend des métadonnées propres aux pages, des données structurées, un sitemap et des animations respectant les préférences de réduction des mouvements.
Stack : Next.js, React, TypeScript, Tailwind CSS, Motion, React Hook Form, Zod et Vercel.
Chronologie du processus
Structure événementielle
Organisation des parcours, des renseignements pratiques, des photos et des résultats.
Intégration responsive
Développement des interfaces Next.js et React pour les écrans mobiles et les ordinateurs.
Parcours d’inscription
Intégration des liens vers les inscriptions MS1 et les ressources officielles.
Informations aux participants
Mise en place des défis scolaires et corporatifs, de la FAQ et des partenaires.
Photos et résultats
Accès aux albums et aux résultats depuis des sections dédiées.
Référencement et accessibilité
Métadonnées par page, données structurées, sitemap et réduction des mouvements.
Fonctionnalités livrées
Parcours de course
Présentation des distances et des informations pratiques pour préparer sa participation.
Inscriptions MS1
Accès direct au service externe d’inscription officiel.
Photos et résultats
Sections dédiées aux albums et aux résultats officiels.
Défis scolaires et corporatifs
Informations destinées aux écoles et aux équipes d’entreprise.
FAQ et partenaires
Réponses aux questions fréquentes et visibilité des partenaires de l’événement.
Contact et interface mobile
Formulaire préparant un courriel et navigation adaptée aux téléphones.
Stack technique
Next.js, React, TypeScript et Tailwind CSS composent l’interface. Motion gère les animations; React Hook Form et Zod accompagnent le formulaire. Les contenus sont structurés dans le code et le site est déployé sur Vercel.
Vous préparez un événement ou un site communautaire ?
Je développe des sites web qui réunissent vos informations, facilitent les inscriptions et accompagnent les participants avant et après l’événement.