--- title: "Courir sur Brest : site du club | Webdesign29" description: "Le site de Courir sur Brest réalisé par Webdesign29 : vie du club, agenda des courses, parcours GPX et outils du coureur, sur ordinateur et mobile." url: https://www.webdesign29.net/realisations/courir-sur-brest lang: fr --- # Courir sur Brest : site du club | Webdesign29 Site internet Courir sur Brest # Un site de course à pied à Brest. Pour Courir sur Brest, un site qui réunit la vie du club, les parcours GPX, l’agenda des courses et les outils du coureur. Explorer les pages du site [Voir le site](https://courir-sur-brest.com/)[Un projet similaire ?](https://www.webdesign29.net/devis) ![Le site Courir sur Brest, sur ordinateur et sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/vitrine.jpg?v=20261105-2) **Le club**Sorties et adhésion **Les parcours**Cartes et traces GPX **Les outils**Allure et agenda ## L’esprit du club, à l’écran. Fondée en 2017, l’association Courir sur Brest réunit des coureurs de tous niveaux. Le site devait donner envie de les rejoindre, puis être utile avant chaque sortie. Les couleurs orange et rose, les photos des membres et les informations pratiques composent une identité qui appartient au club. Le mardi, une séance commune ; le jeudi, trois groupes d’allure : on comprend vite comment venir courir. Découvrir les pages du club ![Les maillots orange et rose de Courir sur Brest et les sourires des membres réunis aux Capucins](https://www.webdesign29.net/cases/courir-sur-brest/photos/maillots-900.webp) Les couleurs du club donnent le ton. ![Le groupe de Courir sur Brest réuni au pied des remparts après une séance](https://www.webdesign29.net/cases/courir-sur-brest/photos/remparts-900.webp) Les sorties donnent un visage au site. ![La page d’accueil du site de Courir sur Brest, avec les photos du groupe et ses couleurs orange et rose](https://www.webdesign29.net/cases/courir-sur-brest/pages/accueil.webp?v=20261105-2) ## Du groupe au site. La même énergie se retrouve sur ordinateur et sur téléphone. Dès l’accueil, le visiteur peut découvrir les sorties, chercher un parcours ou ouvrir les outils du coureur. SortiesParcoursAgenda ## Choisir sa prochaine sortie. Un secteur, une distance, de la route ou du trail : le catalogue aide à trouver son terrain. Chaque fiche réunit le tracé, le profil et la trace GPX à charger sur sa montre ou son téléphone. ![Une sortie de course à pied sur le sentier côtier, avec le phare et la rade en arrière-plan](https://www.webdesign29.net/cases/courir-sur-brest/photos/littoral-900.webp) **Le tour des deux rives**Brest · départ cours Dajot Faites glisser le schéma pour le voir en entier. Le vrai tracé de ce parcours, tel qu’il est publié sur le site du club. **5,3 km**de course**65 m**de dénivelé positif**Une boucle**dans Brest [Voir le parcours et son fichier GPX](https://courir-sur-brest.com/outils/parcours/deux-rives) ## Un objectif. Une allure. Passer d’un temps visé à une allure au kilomètre, retrouver ses temps de passage et imprimer un bracelet pour le jour de course : les outils prolongent la vie du club. Essayez ici un exemple du calculateur. Changez la distance ou l’objectif : l’allure et les temps de passage se mettent à jour. [Ouvrir le calculateur complet](https://courir-sur-brest.com/outils/allures) Distance Objectif (h:min:s) 5:00par kilomètre Faites glisser le schéma pour le voir en entier. Des temps de passage calculés à allure constante. ## Les dates à emporter. L’agenda rassemble les événements du club et les courses du Finistère. On peut filtrer, passer de la liste au calendrier ou à la carte, puis sélectionner les rendez-vous à exporter. Le visiteur choisit ses dates sur le site et confirme ensuite leur ajout dans son application d’agenda. Explorer les parcours et l’agenda Faites glisser le schéma pour le voir en entier. Les courses choisies deviennent une sélection à ajouter à son agenda personnel. ## Un club en mouvement. La photo accompagne le récit : les séances, les courses et les sorties sur les sentiers, avec les personnes qui font vivre le club. ![Les membres du club réunis sur un chemin boisé à l’occasion d’une sortie en groupe](https://www.webdesign29.net/cases/courir-sur-brest/photos/foret-900.webp) Courir ensemble, en ville ou sur les sentiers. ![Des coureurs en plein effort lors d’une course sur route photographiée par le club](https://www.webdesign29.net/cases/courir-sur-brest/photos/course-900.webp) Les objectifs et les courses de la saison. ![Les membres de Courir sur Brest réunis aux Ateliers des Capucins](https://www.webdesign29.net/cases/courir-sur-brest/photos/capucins-900.webp) Des rendez-vous qui se prolongent hors écran. Photographies : [Courir sur Brest](https://courir-sur-brest.com/), issues du site du club. ## Le site, page par page Huit pages pour suivre les usages du site : découvrir le club, préparer une sortie et construire son objectif. Chaque rubrique présente les versions ordinateur et téléphone. Agrandissez une capture pour parcourir toute la page. [Voir le site en ligne](https://courir-sur-brest.com/) - Découvrir le club *Les personnes, les sorties et les premiers repères pour rejoindre le groupe.*3 pages à explorer ↓ - Préparer une sortie *Trouver son terrain, examiner le tracé et choisir ses prochains rendez-vous.*3 pages à explorer ↓ - Préparer son objectif *Passer d’un temps visé à une allure, puis emporter ses temps de passage.*2 pages à explorer ↓ ### Découvrir le club Les personnes, les sorties et les premiers repères pour rejoindre le groupe. 3 pages, 3 vues mobiles #### Sur ordinateur ****** courir-sur-brest.com ![L’accueil](https://www.webdesign29.net/cases/courir-sur-brest/pages/accueil.webp?v=20261105-2) **L’accueil**https://courir-sur-brest.com/ L’identité orange et rose, les photos du club et les portes d’entrée vers les sorties et les outils. ****** courir-sur-brest.com/le-club ![Le club](https://www.webdesign29.net/cases/courir-sur-brest/pages/club.webp?v=20261105-2) **Le club**https://courir-sur-brest.com/le-club L’histoire de l’association, son esprit et les personnes qui la font vivre. ****** courir-sur-brest.com/nos-sorties ![Les sorties](https://www.webdesign29.net/cases/courir-sur-brest/pages/sorties.webp?v=20261105-2) **Les sorties**https://courir-sur-brest.com/nos-sorties Les séances du mardi et du jeudi, le fonctionnement et les groupes d’allure. #### Sur téléphone ![L’accueil sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/pages/accueil.m.webp?v=20261105-2) L’accueil ![Le club sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/pages/club.m.webp?v=20261105-2) Le club ![Les sorties sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/pages/sorties.m.webp?v=20261105-2) Les sorties ### Préparer une sortie Trouver son terrain, examiner le tracé et choisir ses prochains rendez-vous. 3 pages, 3 vues mobiles #### Sur ordinateur ****** courir-sur-brest.com/outils/parcours ![Les parcours](https://www.webdesign29.net/cases/courir-sur-brest/pages/parcours.webp?v=20261105-2) **Les parcours**https://courir-sur-brest.com/outils/parcours Un catalogue à filtrer par secteur, distance et terrain, en liste ou sur une carte. ****** courir-sur-brest.com/outils/parcours/deux-rives ![Le tour des deux rives](https://www.webdesign29.net/cases/courir-sur-brest/pages/deux-rives.webp?v=20261105-2) **Le tour des deux rives**https://courir-sur-brest.com/outils/parcours/deux-rives Le tracé à Brest, le profil d’altitude, le départ et la trace GPX à télécharger. ****** courir-sur-brest.com/agenda ![L’agenda](https://www.webdesign29.net/cases/courir-sur-brest/pages/agenda.webp?v=20261105-2) **L’agenda**https://courir-sur-brest.com/agenda Les dates de la saison, les filtres et l’export d’une sélection vers son agenda personnel. #### Sur téléphone ![Les parcours sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/pages/parcours.m.webp?v=20261105-2) Les parcours ![Le tour des deux rives sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/pages/deux-rives.m.webp?v=20261105-2) Le tour des deux rives ![L’agenda sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/pages/agenda.m.webp?v=20261105-2) L’agenda ### Préparer son objectif Passer d’un temps visé à une allure, puis emporter ses temps de passage. 2 pages, 2 vues mobiles #### Sur ordinateur ****** courir-sur-brest.com/outils/allures ![Le calculateur d’allure](https://www.webdesign29.net/cases/courir-sur-brest/pages/allures.webp?v=20261105-2) **Le calculateur d’allure**https://courir-sur-brest.com/outils/allures Distance, objectif, allure au kilomètre et temps de passage calculés sur la page. ****** courir-sur-brest.com/outils/bracelet-allure ![Le bracelet d’allure](https://www.webdesign29.net/cases/courir-sur-brest/pages/bracelet.webp?v=20261105-2) **Le bracelet d’allure**https://courir-sur-brest.com/outils/bracelet-allure Un repère à imprimer pour retrouver ses temps de passage le jour de la course. #### Sur téléphone ![Le calculateur d’allure sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/pages/allures.m.webp?v=20261105-2) Le calculateur d’allure ![Le bracelet d’allure sur téléphone](https://www.webdesign29.net/cases/courir-sur-brest/pages/bracelet.m.webp?v=20261105-2) Le bracelet d’allure ### Technologies utilisées ![Google Analytics](https://www.webdesign29.net/tech/googleanalytics.svg)Google Analytics![TypeScript](https://www.webdesign29.net/tech/typescript.svg)TypeScript![JavaScript](https://www.webdesign29.net/tech/javascript.svg)JavaScript - **Site sur mesure** : PRISM et TypeScript sur le serveur bext - **Contenus** : Inklura CMS - **Interface** : HTML, CSS et JavaScript - **Parcours** : cartographie interactive et traces GPX ## Pour un projet du même type [ExpertiseExpertise développement web](https://www.webdesign29.net/expertises/developpements-web)[ServiceCréation de site vitrine](https://www.webdesign29.net/services/site-internet-vitrine) Secteurs et villes :[Création de site internet à Brest](https://www.webdesign29.net/creation-site-internet-brest) [Voir le site du client](https://courir-sur-brest.com/) Le site a pu évoluer depuis notre intervention. ## Autres réalisations [Toutes les réalisations](https://www.webdesign29.net/realisations) [https://www.webdesign29.net/realisations/maisons-crozon-morgat******www.location-maison-crozon-morgat.fr![Les Écumes & Les Falaises · Crozon](https://www.webdesign29.net/cases/maisons-crozon-2026/vitrine.jpg)Site internet ### Les Écumes & Les Falaises · Crozon [https://www.webdesign29.net/realisations/pdf-inklura******pdf.inklura.fr![Inklura PDF : caviardage local et assistant IA](https://www.webdesign29.net/cases/pdf-inklura/overview.jpg)Application sur mesure ### Inklura PDF Caviardage local et assistant IA [https://www.webdesign29.net/realisations/guide-morlaix******guide-morlaix.bzh![Guide Vivre à Morlaix](https://www.webdesign29.net/cases/morlaix/overview.jpg)Site internet ### Guide Vivre à Morlaix