Cyclochrome
Le client
CycloChrome est une école-entreprise d’économie sociale établie sur le Plateau Mont-Royal à Montréal, au 160 rue Saint-Viateur Est. Depuis plus de 16 ans, l’organisation allie deux vocations indissociables : un atelier de réparation de vélos ouvert au public, et un centre de formation professionnelle en mécanique vélo. Elle détient notamment le premier programme d’attestation d’études professionnelles (AEP) en mécanique vélo au Canada — une certification reconnue par le marché du travail.
Sa mission sociale est au cœur de tout : lutter contre le décrochage scolaire, favoriser la persévérance et accompagner l’insertion socioprofessionnelle des jeunes. CycloChrome sert simultanément les cyclistes montréalais qui cherchent une réparation rapide ou une mise au point, les particuliers qui veulent apprendre la mécanique vélo, les entreprises qui organisent des journées bien-être avec unité mobile, et les étudiants qui visent une certification professionnelle reconnue.
Le mandat
Concevoir un site pour une école-entreprise d’économie sociale, c’est concevoir pour plusieurs organisations à la fois. CycloChrome est simultanément un atelier de vélo (réparations, diagnostics, reconditionnement de moteurs électriques), une école (formations individuelles, AEP certifiante, cours en entreprise), une boutique et un acteur de mobilité durable avec des unités mobiles. Chaque volet a ses propres audiences, ses propres appels à l’action et sa propre logique de navigation.
Le défi central était de créer une architecture d’information qui reflète cette complexité sans la projeter sur le visiteur — chaque personne qui arrive sur le site doit trouver son chemin rapidement, qu’elle cherche à faire réparer son vélo, à s’inscrire à une formation ou à organiser une journée corporative. En parallèle, la mission sociale de l’organisation devait être lisible et crédible dès les premières secondes, sans noyer les informations pratiques.
Les priorités du projet
Structurer la navigation par audience, pas par département
Organiser le contenu selon les intentions de visite réelles — formations, réparations, services aux entreprises — plutôt que selon la structure interne de l’organisation, pour que chaque visiteur trouve son chemin en moins de deux clics.
Intégrer les réservations en ligne pour les formations et les services
Connecter la plateforme de réservation Booxi directement dans le parcours de l’utilisateur, pour qu’un cycliste puisse réserver une réparation ou qu’un étudiant puisse s’inscrire à une formation sans quitter le site ni envoyer un courriel.
Rendre la mission sociale visible et crédible
Présenter l’ADN d’économie sociale de CycloChrome — lutte contre le décrochage, insertion socioprofessionnelle, mobilité durable — de façon à inspirer confiance chez les partenaires institutionnels et à différencier CycloChrome d’un simple atelier de vélo commercial.
Une navigation structurée pour trois audiences distinctes
Le menu de navigation de cyclochrome.com reflète les trois grandes intentions de visite : les formations (individuelles, AEP, entreprises), les services de réparation et de boutique, et l’univers institutionnel de l’organisation. Cette segmentation évite à l’utilisateur de devoir comprendre comment fonctionne CycloChrome pour trouver ce qu’il cherche. Un cycliste du Plateau qui veut une mise au point sans rendez-vous, un directeur RH qui évalue une journée bien-être mobile pour son équipe, et un jeune qui explore la certification AEP — chacun trouve son entrée en une navigation.
L'intégration des réservations via Booxi
La prise de rendez-vous et l’inscription aux formations sont intégrées directement dans le site via la plateforme Booxi. Plutôt que de renvoyer les visiteurs vers un formulaire de contact générique ou un système externe déconnecté de l’expérience, le parcours d’inscription ou de réservation s’effectue dans l’environnement visuel du site. Cette intégration réduit la friction au moment où l’intention est la plus forte — quand le visiteur vient de lire la description d’une formation et est prêt à s’inscrire, il peut le faire immédiatement, sans friction supplémentaire.