STUDIO120K·
Toutes les réalisations

Charpentier-couvreur · Le Mans (72) · Sarthe

Plu&couvreur

Un seul artisan pour la charpente et le toit — encore fallait-il le dire

Plu&couvreur couvre Le Mans et plus de 90 communes de la Sarthe dans un rayon de 70 km. L'entreprise avait un argument que ses concurrents n'ont pas : elle maîtrise la structure et la couverture, là où la plupart sous-traitent l'une des deux. Elle n'avait aussi, au départ, aucune présence en ligne — ni site, ni visibilité sur les recherches locales. Tout était à construire.

Voir le site en ligne
Métier
Charpentier-couvreur
Zone
Le Mans, 90+ communes de la Sarthe
Livrable
Site vitrine + simulateur + pages zones
Stack
Next.js, TypeScript, Tailwind CSS
Page d'accueil du site Plu&couvreur

10+

ans de métier

600+

chantiers menés

5,0/5

note Google

13

avis clients

Le défi initial

Charpente et couverture sont deux métiers distincts, et le client final l'ignore souvent — jusqu'au jour où il découvre que son couvreur doit faire venir un charpentier, avec les délais et la dilution de responsabilité qui vont avec. Plu&couvreur fait les deux. C'était le message à faire passer en premier, avant même la liste des prestations. Restait un obstacle plus élémentaire : avec dix ans de métier et six cents chantiers derrière elle, l'entreprise était introuvable sur internet. Tout ce capital de réputation ne circulait que de bouche à oreille.

Situation initiale

  • Aucune présence en ligne : pas de site, invisible sur les recherches locales
  • Un savoir-faire double dont personne ne pouvait avoir connaissance
  • Une zone très large (70 km, 90+ communes) impossible à deviner
  • Des horaires étendus et une astreinte 24h/24 que personne ne connaissait
  • Dépendance totale au bouche-à-oreille pour trouver de nouveaux chantiers

Objectifs

  • Exister en ligne, tout simplement, et être vérifiable
  • Poser la double compétence dès le premier écran
  • Rendre la zone d'intervention explicite, commune par commune
  • Capter les demandes de nuit et de week-end
  • Obtenir des demandes de devis sans attendre des mois de référencement

Ce que nous avons mis en place

Le double métier en titre

  • « Charpentier couvreur au Mans » en H1, sans détour
  • « Un seul artisan pour la structure et le toit » en sous-titre
  • Les deux expertises séparées dans la navigation
  • Un argument différenciant transformé en mot-clé

Une zone lisible

  • Page dédiée aux zones d'intervention
  • Communes listées, pas seulement le département
  • Rayon de 70 km annoncé en clair
  • Le visiteur sait s'il est couvert avant de composer le numéro

Joignable en permanence

  • Horaires réels affichés en bandeau haut
  • Astreinte 24h/24 pour l'urgence toiture
  • Numéro cliquable sur toutes les pages
  • Formulaire de devis pour les demandes de 22h

Pensé pour le pouce

Les recherches d'artisan se font majoritairement sur téléphone. Le mobile n'est pas une adaptation du site : c'est sa version principale.

Plu&couvreur sur mobile
Plu&couvreur sur mobile, plus bas dans la page
Plu&couvreur, section services

L'identité visuelle

L'entreprise partait de zéro : pas de site, pas de charte, rien à reprendre. Toute l'identité en ligne a été construite pour ce projet, en partant d'une contrainte simple — un charpentier-couvreur doit inspirer la solidité, pas la fantaisie.

Logo de Plu&couvreur

Le logo

Une maison vue de trois quarts dont la charpente reste apparente sous la couverture : le pictogramme raconte exactement le double métier, la structure et le toit. Le nom joue sur l'esperluette (« Plu&couvreur ») pour lier les deux activités en un seul mot.

  • La charpente visible sous les tuiles : le double métier est dans le dessin
  • Deux bleus dans le pictogramme pour séparer structure et couverture
  • Nom en une seule pièce, sans baseline : il se suffit dans un fil de recherche
  • Fonctionne en petit dans l'onglet du navigateur comme en grand sur un camion

La palette

#1B5A87

Bleu ardoise

Couleur principale — en-tête, hero, sections denses

Plus doux et plus terrien que le bleu marine classique du bâtiment, il évoque l'ardoise des toitures sarthoises. Il installe le sérieux sans la froideur d'un bleu corporate.

#449EE0

Bleu ciel

Couleur secondaire — icônes, accents, liens

Le contrepoint clair qui aère les grands aplats sombres du hero et rend les pictogrammes lisibles sur fond bleu nuit.

#DD7400

Orange ambré

Réservé aux boutons de conversion

Un orange volontairement plus terreux que le vif du bâtiment industriel : il rappelle la tuile plutôt que le gilet de chantier, et reste la seule couleur chaude de la page.

#0E141C

Anthracite

Titres et texte courant sur fond clair

Un anthracite très légèrement bleuté, cohérent avec la famille froide, plus confortable qu'un noir pur sur les longues pages de prestations.

#FDFDFB

Blanc cassé

Fond général des sections claires

À peine plus chaud que le blanc pur : il repose l'œil au passage d'une section bleu nuit à une section claire, et évite l'effet « flash » sur mobile en extérieur.

Les typographies

Bricolage Grotesque

800 (extra-bold)

Titres

Une grotesque contemporaine aux proportions légèrement condensées : elle permet de poser « Charpentier couvreur au Mans » sur deux lignes en gros corps sans déborder, même sur un écran de 390 px. Son nom même vient du vocabulaire du bâtiment.

Inter

400 / 500

Texte courant, navigation, formulaires

Neutre, dessinée pour les écrans, parfaitement lisible sur les descriptions de prestations et les listes de communes. Elle laisse toute la personnalité aux titres.

Les règles qu'on s'est données

Rayons de 10 px

Un arrondi plus discret que sur nos autres chantiers, pour un métier de structure. Les blocs doivent avoir l'air posés, pas flottants.

Le soulignage orange manuel

Le trait sous « au Mans » dans le titre est tracé à main levée plutôt qu'en bordure droite. C'est le seul élément non géométrique de la page : il rappelle l'artisan derrière l'entreprise.

Contraste renforcé pour l'extérieur

Texte blanc sur bleu nuit très dense dans le hero, boutons pleine largeur au pouce. Une recherche de couvreur se fait souvent debout dehors, parfois sous la pluie, d'une seule main.

Et après la mise en ligne

Ne pas attendre le référencement naturel

Un site neuf met des mois à se positionner sur des requêtes disputées comme « couvreur Le Mans ». Pour une entreprise qui partait de zéro en ligne, attendre ce délai revenait à financer un outil qui ne produirait rien avant l'hiver suivant. Plu&couvreur a donc souscrit à notre forfait Google Ads en complément du site : la visibilité est immédiate dès la mise en ligne, pendant que le référencement naturel se construit en arrière-plan.

  • Visibilité dès le premier jour sur les recherches de son métier et de sa zone
  • Des demandes de devis sans attendre que le SEO porte ses fruits
  • Zéro commission prélevée sur le budget publicitaire : un forfait fixe
  • Le compte Google Ads reste au nom du client, il en garde la main
  • Le site et les campagnes visent les mêmes requêtes, chacun renforce l'autre
Découvrir nos forfaits Google Ads

Comment c'est pensé

Les décisions de conception, et pourquoi elles ont été prises.

01

Hiérarchiser un métier double

La difficulté n'était pas de lister les prestations — il y en a dix — mais de ne pas noyer l'argument central. Le hero ne dit qu'une chose : charpentier ET couvreur, au Mans. Les dix prestations viennent après, regroupées, une fois que le visiteur a compris à qui il parle.

02

Bleu nuit et orange, mais contrasté autrement

Même famille chromatique que sur d'autres chantiers du bâtiment, mais poussée vers un bleu nuit plus dense qui met la photo de toiture en valeur au lieu de lui faire concurrence. L'orange reste réservé à l'action principale, jamais utilisé en décoration.

03

Le simulateur comme filtre

Sur une zone de 90 communes, se déplacer pour un devis coûte cher. Le simulateur permet au visiteur de dimensionner son projet et d'obtenir une fourchette avant tout contact. L'artisan ne se déplace plus que sur des demandes déjà cadrées, et le prospect arrive au téléphone en connaissant l'ordre de grandeur.

04

Mobile d'abord, pour de vrai

Le bandeau supérieur (téléphone, horaires, note Google) reste lisible en 390 px de large, la navigation se replie en menu, et les deux boutons d'action occupent toute la largeur au pouce. Une fuite de toiture se cherche debout, sous la pluie, d'une seule main.

05

Rendu statique et images maîtrisées

Pages pré-rendues, photos de chantier compressées et servies en taille adaptée à l'écran, polices chargées sans blocage du rendu. Le socle est le même que sur nos autres sites : ce qui est industrialisable l'est, pour que le temps humain aille dans le contenu et le design.

Ce que le client a reçu

  • Site vitrine complet, dix prestations structurées
  • Simulateur d'estimation de chantier
  • Page zones d'intervention détaillée par commune
  • Formulaire de devis disponible 24h/24
  • Optimisation du référencement local sarthois
  • Pilotage des campagnes Google Ads, sans commission
  • Code source livré, propriété intégrale du client

Stack technique

Next.jsTypeScriptTailwind CSS

Vous voulez le même pour votre activité ?

Maquette offerte avant tout paiement, livraison en 2 semaines, à partir de 400€ HT.

AppelerDevis gratuit