Devis gratuit, réponse sous 48 h ouvrées Rendez-vous sur place en Bretagne

Site en panne ? Dépannage WordPress On en parle ? 06 75 19 96 92

Site vitrine une page + devis sur photos du choc

Comme Avant, carrossier à Vannes

Un premier écran qui ne dit presque rien et montre tout : la même aile, avant et après, qu'on fait glisser du bout du doigt sur un fond gris acier.

Parcourir la démo

Tout ce qu’un site de carrossier doit faire

Métier
Carrossier
Ville
Vannes
Type de site
Site vitrine une page + devis sur photos du choc
Style
Design sur mesure
Démo
Page d’accueil complète
Démo carrosserie-comme-avant.fr
Page d’accueil de la démo Comme Avant

Faites défiler le téléphone, ou ouvrez la démo en grand.

Le scénario du projet

Un brief de départ, un site qui lui répond.

La demande

Quand un client reprend sa voiture, il tourne autour, il regarde l'aile sous tous les angles, et il dit : comme avant. C'est pour ça qu'on a pris ce nom. Je voudrais que le site montre ça d'abord, et qu'il explique aux gens qu'ils peuvent venir chez nous même si leur assurance leur donne une autre adresse.

Client imaginé
Yann Le Ray, 46 ans, tôlier formé dans un atelier d'Auray, a ouvert sa carrosserie en 2012 dans la zone d'activité au nord de Vannes. Maëlle Guillo, peintre en carrosserie, cherche les teintes ; Kevin Danielo, préparateur, est habilité pour les véhicules électriques ; Sandrine Le Ray tient le bureau, les dossiers d'assurance et les voitures de prêt. Un apprenti les rejoint.
L’approche retenue
Montrer la réparation avant d'en parler. Le premier écran est un comparateur plein écran de la même aile, avant et après, qu'on fait glisser. Ensuite viennent ce que le conducteur cherche juste après un choc : les étapes jusqu'à la remise des clés, son droit au libre choix du réparateur, la durée d'immobilisation selon le dommage. Les obligations du métier deviennent des repères : pièces de réemploi proposées avec leurs exceptions, tarifs identiques à l'affichage, plaques jamais publiées.
Le ton
Vouvoiement, phrases sèches et précises, vocabulaire d'atelier expliqué (redressage, apprêt, raccord, vernis). Aucune promesse de gratuité, aucun dénigrement des réseaux agréés.
La direction artistique
Gris acier clair #dde2e6 en cadre autour du comparateur et en fond de page, blanc tôle #f7f8f9, graphite #1b2026 pour la barre fine, les bandes et le pied, gris apprêt #8c949c, bleu masquage #2f7fe0 pour la poignée, les numéros et le bouton principal. Titres en Michroma, grotesk étendue en capitales, texte en Exo 2. Parti des coins coupés à 45° en haut à droite, aucun arrondi ; motif du ruban de masquage bleu posé en biais sur les coupes.
Les visiteurs visés
Automobilistes de l'agglomération de Vannes (Saint-Avé, Séné, Theix-Noyalo, Arradon, Plescop, presqu'île de Rhuys) juste après un accrochage ou un choc avec un chevreuil, conducteurs de voitures électriques, petites flottes d'artisans.
Ce récit est un scénario : l’entreprise est imaginée, la démarche est celle que nous suivons pour un vrai client du métier. Il décrit le site tel que nous l’avons construit : la démo en ligne est le site complet.

Le brief

Yann Le Ray a ouvert sa carrosserie en 2012, rue Aristide Boucicaut, dans la zone d’activité au nord de Vannes, après des années de tôlerie dans un atelier d’Auray. L’équipe tient en quatre personnes et un apprenti : Maëlle à la peinture, Kevin à la préparation et aux voitures électriques, Sandrine au bureau, pour les dossiers d’assurance et les trois voitures de prêt.

Sa demande : « Quand un client reprend sa voiture, il tourne autour, il regarde l’aile sous tous les angles, et il dit : comme avant. C’est pour ça qu’on a pris ce nom. Je voudrais que le site montre ça d’abord, et qu’il explique aux gens qu’ils peuvent venir chez nous même si leur assurance leur donne une autre adresse. »

Ce qu’on a compris

Après un choc, le conducteur cherche un carrossier depuis son téléphone, souvent le soir même. Il se pose trois questions : est-ce que ça se verra, combien de temps sans voiture, et qui s’occupe de l’assurance. Le site répond à la première sans un mot, avec la même aile avant et après, puis aux deux autres dans l’ordre.

Le libre choix du réparateur est le sujet central d’un atelier indépendant. Le contrat d’assurance doit le mentionner et l’assureur doit le rappeler à la déclaration, mais beaucoup d’assurés l’ignorent. Le site l’explique en trois phrases, rappelle que la franchise reste celle du contrat et ne dit rien contre les garages agréés.

Les autres règles du métier deviennent des repères : les pièces de réemploi proposées pour les quatre catégories prévues, avec les trois cas où l’atelier n’est pas tenu d’en proposer ; des tarifs identiques à ceux affichés à l’accueil ; des plaques qui ne sont jamais publiées.

Nos choix

L’avant / après est le premier écran. Sous une barre graphite très fine, le comparateur occupe toute la hauteur, dans un cadre gris acier. La poignée bleue se fait glisser à la souris, au doigt ou aux flèches du clavier. Les deux photos ont exactement le même cadrage : l’aile froissée, puis la même aile où les reflets de la verrière glissent sans cassure. Le titre est posé dans une bande graphite pleine largeur, pas dans une carte.

Ce qui suit un choc, dans l’ordre. Trois étapes numérotées juste dessous : les photos, le passage de l’expert le mardi ou le jeudi, le contrôle dehors à la lumière du jour. Puis le libre choix, avec trois questions à poser à son assureur, et quatre dommages en onglets (pare-chocs, portière, chevreuil, optique), chacun avec la zone reprise sur une silhouette au trait, la durée d’immobilisation indicative et la pièce de réemploi possible.

La teinte, qu’on touche. Neuf gris métallisés presque identiques : on touche les essais, et un seul disparaît contre la portière. À côté, la photo de Maëlle qui compare sa plaquette devant l’atelier, puis les sept étapes d’atelier numérotées près de la cabine.

Le style. Gris acier, blanc tôle, graphite et un seul bleu, celui du ruban de masquage. Michroma, grotesk étendue en capitales, pour les titres et les numéros, Exo 2 pour le texte. Tous les blocs ont un coin coupé à 45°, comme un panneau de carrosserie, et aucun angle n’est arrondi.

La réalisation

Le site tient sur une seule page : avant / après, étapes, libre choix, types de choc, atelier, pièces de réemploi, voitures électriques, véhicule de prêt, devis photo et questions. Le formulaire reçoit trois photos prises au téléphone, l’immatriculation, l’assureur et le numéro de sinistre, puis propose un dépôt calé sur le passage de l’expert. Sur téléphone, le comparateur garde la moitié de l’écran, la bande du titre passe dessous et une barre basse propose d’appeler ou d’envoyer ses photos. Sandrine met à jour les tarifs et les durées, et l’atelier reste propriétaire de son nom de domaine et de ses accès.

Thomas lit chaque demande lui-même

Parlons de votre site, on commence par vos clients.

Décrivez votre besoin en une phrase ou laissez votre numéro, et Thomas vous rappelle. Le premier échange est gratuit et ne vous engage à rien.

Gratuit, sans engagement Réponse de Thomas sous 48 h ouvrées Aucun jargon

Avant de partir

Parlons de votre projet, 10 minutes au téléphone.

Thomas vous rappelle au créneau de votre choix : un premier conseil sur votre site, et un devis gratuit si vous le souhaitez. Sans engagement.

Formulaire protégé par reCAPTCHA : les règles de confidentialité et les conditions d’utilisation de Google s’appliquent.

Vous préférez appeler ? 06 75 19 96 92