Un design daté, pas un site cassé
Le site fonctionnait. C'est son apparence, sa hiérarchie et sa mise en page qui ne correspondaient plus à l'atelier : une thématique d'un autre temps, des blocs serrés, et rien qui donne envie de pousser la porte.
Étude de cas · Refonte 2026
JS Mécanique : d'un site Wix daté à une v2 qui travaille.
Un atelier de mécanique de Saint-Hyacinthe. Le site existant tenait debout, mais son design avait pris dix ans et son contenu ne disait plus ce que le garage fait vraiment. Le mandat a repris la direction visuelle, le parcours, le contenu et la conformité Loi 25, et les a livrés en une seule refonte.
Saint-HyacintheAtelier toutes marques
12 chantiersDans un seul mandat
2026En ligne et vérifié
Le point de départ
Ce que la v1 ne faisait plus.
Les services sur une page à part
Pour comprendre l'offre, il fallait quitter l'accueil. Le parcours séparait la promesse, les services et la prise de contact au lieu de les enchaîner.
Un contenu et un volet légal jamais revus
Les textes venaient de la version précédente. Les mentions légales et la politique de confidentialité n'avaient pas été retouchées, et ne couvraient aucune des exigences entrées en application avec la Loi 25.
La v2
Le site, tel qu'il est en ligne.
Une seule capture, la page d'accueil, pour situer le changement avant d'entrer dans le détail des chantiers.
Le travail
Refondre le parcours.
Nouvelle direction visuelle
Refonte complète de la thématique : palette, typographie, traitement des photos, rythme des sections. La v2 ne reprend pas l'ancienne mise en page, elle la remplace.
Les services ramenés sur l'accueil
L'ancienne page services a été supprimée. Les services vivent maintenant dans des boîtes cliquables sur l'accueil, chacune ouvrant le détail dans une fenêtre, sans quitter la page.
Page réalisations refondue, avec pagination
Les projets de l'atelier sont présentés en fiches, avec une pagination déjà en place : le client ajoute ses prochains projets sans qu'on retouche la structure de la page.
Page à propos entièrement refaite
Histoire du garage, valeurs, chiffres clés et questions fréquentes. La page raconte l'atelier au lieu d'énumérer des généralités.
Boutons d'action créés et placés
Les appels à l'action ont été écrits, intégrés et positionnés aux moments où la question se pose : en haut de page, après les services, et en sortie de lecture.
Le travail
Faire agir le visiteur.
Nouveau formulaire de contact
Un formulaire refait, avec les champs utiles au garage et un motif de demande en premier champ, pour trier les messages avant de rappeler.
Avis Google Maps synchronisés
Les avis de la fiche Google du garage remontent dans une section dédiée de l'accueil, sans recopie manuelle ni capture d'écran figée.
Carte Google intégrée
La localisation de l'atelier est intégrée à la page, avec les heures d'ouverture, plutôt qu'un simple lien vers une carte externe.
Carrousel de photos de projets
Un carrousel présente les véhicules passés à l'atelier, prévu pour être mis à jour quand le garage a de nouvelles photos.
Renvois de partenaires
Une section dédiée aux partenaires du garage, avec leurs renvois : le site sert aussi les relations que l'atelier a déjà.
Le travail
Être trouvé.
Référencement technique, sémantique et de liens
Titres et descriptions uniques page par page, structure de titres, adresses canoniques, plan du site, fichier robots, données structurées, redirections des anciennes adresses et maillage interne entre les pages.
Le travail
Être en règle.
Mise en conformité Loi 25, complète
Politique de confidentialité, mentions légales, politique de témoins, bandeau de consentement avec refus par défaut, fournisseurs tiers identifiés un par un, et documents de gouvernance. Les obligations ont été vérifiées dans le code du site, pas seulement sur le papier.
Ce que les captures montrent
Quatre vues, quatre promesses tenues.
Ce que ça démontre
Une refonte, pas un coup de peinture.
Un site daté peut être repris sans repartir de zéro. Ici, la refonte a gardé ce que les moteurs connaissaient déjà, avec des redirections posées avant la bascule, et a changé tout le reste : la direction visuelle, le parcours, le contenu et les outils.
Les douze chantiers ne sont pas douze projets. La refonte visuelle, les services sur l'accueil, le formulaire, les avis, la carte, le carrousel, le référencement et la conformité ont été menés ensemble, ce qui évite de refaire deux fois le même travail et de laisser la conformité pour plus tard.
Pour être clair
Ce que cette page ne montre pas.
- Aucun chiffre interne du client n'est publié ici : ni trafic, ni appels, ni ventes. Seul le travail accompli est décrit, avec des captures du site en ligne.
- Les avis et la carte ne sont pas des composants maison : ce sont des services tiers, nommés dans la politique de confidentialité du site. Les captures les montrent tels qu'ils sont réellement rendus.
- La pagination de la page réalisations est en place mais reste masquée tant que le nombre de projets n'atteint pas son seuil. Elle est décrite ici, pas photographiée, pour ne pas montrer un état qui n'existe pas encore.
- Ce n'est pas un avis juridique. Les documents de conformité ont été rédigés selon les exigences de la Loi 25 et vérifiés dans le code, mais ils ne remplacent pas la validation d'un juriste si le client en veut une.
Questions fréquentes
Ce qu'on me demande sur ce mandat.
Pourquoi refaire le site plutôt que le retoucher ?
Parce que le problème n'était pas une page : c'était la thématique, le parcours et le contenu. Retoucher aurait gardé la structure qui obligeait à quitter l'accueil pour comprendre l'offre. La v2 remplace l'ensemble, en gardant les adresses et le référencement acquis.
Le référencement déjà acquis a-t-il été perdu ?
L'objectif était de ne rien perdre. Les anciennes adresses ont été redirigées vers les nouvelles avant la bascule, la structure et les titres ont été revus page par page, le plan du site régénéré, et le site vérifié en ligne après la mise en production.
Qui met à jour les photos et les projets ?
Le carrousel et la page réalisations sont prévus pour ça : le garage fournit ses photos et ses nouveaux projets, la structure ne bouge pas. C'était une demande explicite du mandat, pas un ajout de dernière minute.
Pourquoi les services sont-ils sur l'accueil ?
Parce que c'est là que la question se pose. Une page séparée oblige à un clic de plus pour savoir si l'atelier fait ce qu'on cherche. Les boîtes cliquables gardent le détail accessible sans casser la lecture.
Peut-on voir le site ?
Oui, il est en ligne : le lien est en haut de cette page.
À voir aussi
Souvent lié à ce mandat.
Qui fait le travail
Quentin Navarro, consultant web indépendant établi à Saint-Hyacinthe. Je travaille avec des clients partout au Québec, sur place ou à distance.
Un seul interlocuteur du premier appel à la livraison, et un nombre de mandats simultanés volontairement limité.
Prochaine étape
Votre site a besoin d'une v2, pas d'un coup de peinture ?
Décrivez la situation en quelques lignes, ou réservez trente minutes. Je vous dis ce qui doit être refait en premier, même si ce n'est pas ce que vous imaginiez.