Clarté tarifaire
Les services sont présentés par catégorie (entretien, distribution, freinage, pneus, diagnostic) avec un CTA devis pour chaque.
Projet conçu pour illustrer mon savoir-faire
Un site vitrine taillé pour un garage indépendant qui veut rassurer au premier clic : tarifs transparents, zone desservie, devis en ligne et prise de rendez-vous sans friction.
Dans la mécanique auto, le client hésite entre le concessionnaire (cher mais rassurant) et l'indépendant (moins cher mais « est-ce sérieux ? »). BM35 avait besoin d'une vitrine qui élimine ce doute dès la page d'accueil : équipements visibles, prestations claires, avis concrets et coordonnées en évidence.
Les services sont présentés par catégorie (entretien, distribution, freinage, pneus, diagnostic) avec un CTA devis pour chaque.
Blain, Bouvron, Le Gâvre, Héric, Nozay et Guémené-Penfao sont nommés naturellement, pas plaqués.
Galerie de l'atelier, statistiques (15 ans d'expérience, 4 000+ véhicules entretenus) et FAQ qui lève les freins courants.
Le garage travaille bien, ses clients reviennent. L'enjeu : capter les automobilistes de Blain et alentours qui tapent « garage Blain » sur Google sans connaître BM35, et les convaincre d'appeler ou de remplir un formulaire.
Positionner garage Blain, réparation voiture Blain, entretien auto Héric, pneus Nozay, diagnostic Bouvron, embrayage Le Gâvre et mécanicien indépendant 44130.
L'univers graphique s'appuie sur une palette crème/rouille avec une typographie serif pour les titres (Fraunces) et sans-serif pour le corps (Inter). Le grain texturé et les animations subtiles créent une atmosphère atelier sans tomber dans le cliché « cambouis ».
Les sites de garages indépendants sont souvent datés : couleurs criardes, texte minuscule, photos stock de clés à molette et aucune info pratique visible sans scroller.
Un design sobre, des services en grille, un CTA flottant « Devis gratuit », la zone d'intervention en carte mentale et un formulaire de contact sans champ inutile.
Un fichier HTML unique avec Tailwind CSS en CDN et GSAP pour les animations au scroll. Pas de framework lourd, pas de CMS, pas de base de données : le site pèse moins de 400 Ko au premier chargement et obtient un score Lighthouse supérieur à 95 sur les quatre catégories.
HTML sémantique · Tailwind CSS (CDN) · GSAP + ScrollTrigger · Responsive mobile-first
Schema AutoRepair + FAQPage · Open Graph · Canonical · Sitemap · Robots.txt · Images optimisées WebP
Vercel (edge, CDN mondial) · HTTPS natif · Déploiement Git push · Temps de réponse < 80 ms




L'objectif n'est pas de « faire joli » mais de générer des demandes concrètes. Un automobiliste de Blain qui cherche un entretien ou un changement de pneus doit trouver BM35, comprendre les prestations en 10 secondes, et pouvoir demander un devis sans appeler.
Je crée des sites vitrines pensés pour les artisans et indépendants qui veulent être trouvés, compris et contactés en quelques secondes.