Le contexte
Un atelier de restauration et d'entretien automobile à Orléans, dont le savoir-faire se juge sur des photos et pas sur des paragraphes. Le métier est visuel par nature : un véhicule restauré se montre, il ne se raconte pas.
La difficulté d'un site pour ce type d'atelier est exactement là. Il faut donner à voir beaucoup d'images sans que la page devienne lente, et il faut que l'atelier puisse ajouter un chantier sans nous appeler.
Ce que nous avons fait
La direction artistique assume un registre vintage americana, cohérent avec le métier et avec les véhicules traités. Ce n'est pas un habillage : c'est ce qui fait qu'un passionné se reconnaît dès la première seconde et qu'un client de passage comprend le niveau de l'atelier.
Chaque réalisation dispose d'un comparateur avant et après, avec deux images distinctes par chantier. C'est le format qui démontre le travail le plus vite, et de très loin. Une photo de résultat impressionne ; un avant et après prouve.
La page d'accueil est entièrement pilotée par des champs d'édition. L'atelier ajoute un chantier, remplit les champs, et la page se construit toute seule sans que la mise en page bouge.
Le sur-mesure, concrètement
Chaque carte de service et chaque caractéristique de l'atelier porte sa propre icône, dessinée pour le projet et calée sur la direction artistique. C'est un détail qui coûte du temps et qui sépare un site conçu d'un site assemblé : sur un thème du commerce, ces icônes seraient toutes identiques.
Le traitement des images est le vrai travail technique. Un site de restauration automobile est un site d'images lourdes par nature. Elles sont compressées, servies au bon format et à la bonne taille, et chargées seulement quand elles arrivent à l'écran.
Résultat mesurable : la page d'accueil sert vingt-quatre images et répond en 0,15 seconde, mesuré le 8 septembre 2026.
Ce que ça change
Un atelier qui peut publier ses chantiers lui-même publie ses chantiers. C'est le point qui décide de la vie d'un site de ce type : sans autonomie éditoriale, la galerie se fige au jour de la livraison et le site vieillit en six mois.
Le format avant-après change aussi la nature de la visite. Un visiteur qui fait défiler des comparateurs passe plus de temps sur le site et arrive au contact avec une idée précise de ce qu'il peut demander. La demande qui en sort est mieux qualifiée.
Enfin, la vitesse compte doublement ici : la moitié des visiteurs d'un site local arrivent depuis un téléphone, souvent en connexion moyenne, et une galerie lente est une galerie qu'on ne regarde pas.
Comment le projet s’est déroulé
Le site a été construit à partir d'une maquette produite en amont, puis intégré dans notre socle technique et rendu éditable. Le projet a ensuite basculé en autonomie complète : il n'embarque plus de dépendance à notre moule interne et vit sa propre vie.
C'est un choix qui a un coût au moment de la bascule et qui protège le client ensuite. Un site qui dépend du socle de son agence est un site dont on ne peut pas changer de prestataire sans tout reprendre.
La recette se suit sur un tableau partagé, ticket par ticket, avec le lien du correctif quand il existe.
Le point technique : montrer beaucoup sans ralentir
Une page d'accueil qui sert vingt-quatre images pose un problème que la plupart des sites d'atelier ne résolvent pas. Chargées telles quelles, ces images représentent plusieurs mégaoctets et la page met plusieurs secondes à s'afficher sur un téléphone.
Trois mesures y répondent, et elles se prennent à la construction et non après. Les images sont converties dans un format moderne et servies à la taille réelle d'affichage, pas à leur taille d'origine. Celles qui sont hors écran ne se chargent qu'à l'approche. Et le comparateur avant-après ne charge sa seconde image qu'au moment où il devient visible.
Résultat mesuré le 8 septembre 2026 : 0,15 seconde de temps de réponse, pour une page de cinquante et un kilooctets de code. C'est ce qui permet à une galerie d'être regardée au lieu d'être abandonnée.
Outils utilisés
D’autres réalisations.
Un projet de refonte en tête ?
Quinze minutes pour comprendre votre contexte et voir comment on s’y prendrait.
Réserver un échange
