Couvreur · La Garde (83) · Var & PACA
Horizon Expert
Un site qui vend la confiance avant de vendre la toiture
Horizon Expert intervient sur la toiture, la façade et l'isolation dans tout le Var. Sur ce métier, le devis se compte en milliers d'euros et le démarchage abusif a rendu les propriétaires méfiants : le vrai obstacle n'était pas de se faire connaître, c'était de se faire croire.
Voir le site en ligne- Métier
- Couvreur, façadier, isolation
- Zone
- Var, et communes limitrophes 13 et 06
- Livrable
- Site vitrine + simulateur de travaux
- Stack
- Next.js, TypeScript, Tailwind CSS
7+
années d'expertise
200+
chantiers réalisés
5,0/5
note Google
9
avis vérifiés
Le défi initial
Le Var cumule deux contraintes que peu de régions réunissent : le mistral, qui décolle les tuiles, et l'air marin, qui attaque les façades. Les toitures y vieillissent plus vite qu'ailleurs, la demande de rénovation est constante — et la concurrence, largement composée d'entreprises de passage, l'est tout autant. Un propriétaire varois qui cherche un couvreur ne se demande pas d'abord « combien », il se demande « à qui j'ai affaire ».
Situation initiale
- Aucune présence en ligne : introuvable sur « couvreur + commune »
- Toute l'activité dépendait du bouche-à-oreille et des recommandations
- Impossible de vérifier l'entreprise avant d'appeler : ni SIRET, ni assurance, ni chantiers visibles
- Les demandes hors zone et hors budget faisaient perdre des déplacements
Objectifs
- Rendre l'entreprise vérifiable en trente secondes
- Capter les recherches locales, commune par commune
- Filtrer les demandes en amont plutôt qu'au téléphone
- Servir l'urgence fuite aussi bien que la réfection planifiée
Ce que nous avons mis en place
Une architecture de confiance
- Note Google et nombre d'avis affichés dès le premier écran
- Garantie décennale annoncée en clair, pas en bas de page
- Diagnostic offert et intervention sous 48h posés comme engagements
- Numéro cliquable fixe, pour la fuite de toiture après une tempête
Une page par prestation
- Rénovation de toiture
- Démoussage et hydrofuge de toiture
- Hydrofuge de masse de façade
- Isolation thermique intérieure
- Chaque page cible sa propre intention de recherche
Un simulateur de travaux
- Le visiteur chiffre son chantier seul, sans appeler
- Il laisse ses coordonnées une fois le besoin qualifié
- L'objection prix est traitée avant le premier contact
- Moins de déplacements pour des projets hors budget
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.
L'identité visuelle
Sur un métier miné par le démarchage abusif, l'identité visuelle n'est pas une question de goût : c'est le premier signal de sérieux qu'envoie l'entreprise. Chaque choix ci-dessous répond à une objection du client final.
Le logo
Un pictogramme de toiture réduit à trois lignes, posé dans une pastille arrondie bleu marine, suivi du nom et d'une baseline qui dit le métier et le département. La baseline fait le travail que le nom seul ne peut pas faire : « Horizon Expert » ne dit pas ce que fait l'entreprise, « VAR — TOITURE & ISOLATION » si.
- Pictogramme lisible à 24 px, dans un favicon comme dans une signature mail
- Baseline métier + département : le référencement local commence dans le logo
- Pastille pleine plutôt que logo détouré : tient sur fond clair comme sur photo
- Aucun dégradé ni effet : reproductible sur un devis imprimé en noir et blanc
La palette
#022C91
Bleu institutionnel
Couleur principale — en-tête, titres, fonds de section
Le bleu profond est la couleur du sérieux dans le bâtiment. Il éloigne volontairement des codes criards du démarchage à 1 €, et il tient sur les photos de toiture sans les écraser.
#2B81FF
Bleu clair
Couleur secondaire — liens, icônes, états actifs
Il éclaire les zones denses sans introduire une nouvelle famille de teintes. Assez contrasté sur fond blanc pour rester lisible, assez proche du bleu principal pour ne pas fragmenter l'identité.
#FD6D2E
Orange d'action
Réservé aux boutons de conversion — devis, appel
C'est la seule couleur chaude de toute la palette, et elle n'est jamais utilisée en décoration. Un visiteur qui cherche où cliquer trouve la réponse sans réfléchir.
#060B16
Noir bleuté
Texte courant et titres sur fond clair
Un noir légèrement bleuté plutôt qu'un noir pur : il s'accorde à la famille bleue et fatigue moins l'œil sur les longs paragraphes de description technique.
#566880
Gris ardoise
Texte secondaire, légendes, mentions
Assez foncé pour rester lisible sur fond blanc, assez éteint pour créer une vraie hiérarchie avec le texte principal.
Les typographies
Plus Jakarta Sans
800 (extra-bold)Titres et chiffres
Une grotesque géométrique aux terminaisons franches, très lisible en gros corps. La graisse 800 donne aux titres la présence nécessaire par-dessus une photo de chantier, sans passer par une ombre portée.
Inter
400 / 500Texte courant, navigation, formulaires
Dessinée pour les écrans, avec une hauteur d'x généreuse qui la garde lisible sur un téléphone tenu à bout de bras, en plein soleil. C'est la police de la moitié du web pour de bonnes raisons.
Les règles qu'on s'est données
Rayons de 12 px
Assez arrondis pour paraître contemporains, assez francs pour rester dans le registre du bâtiment. Les angles vifs auraient donné un rendu froid, les rayons très marqués un rendu enfantin.
Photos réelles uniquement
Aucune image de banque. Les visuels montrent des toitures et des bâtis provençaux que le visiteur reconnaît dans son propre quartier — c'est ce qui fait la différence entre « une entreprise » et « une entreprise d'ici ».
Une seule action par écran
À chaque section, un seul bouton orange. Deux appels à l'action de force égale, c'est un visiteur qui n'en choisit aucun.
Comment c'est pensé
Les décisions de conception, et pourquoi elles ont été prises.
Le pari du premier écran
Sur ce métier, tout se joue avant le premier scroll. Nous avons donc concentré dans le hero les quatre éléments qu'un propriétaire vérifie réellement : la note Google, la zone d'intervention, la garantie décennale et un bouton d'appel. La photo de toiture varoise en arrière-plan n'est pas décorative : elle montre le type de bâti que le visiteur reconnaît chez lui.
Bleu institutionnel, orange d'action
Le bleu domine parce qu'il est la couleur du sérieux dans le bâtiment, et parce qu'il tranche avec les codes agressifs du démarchage à 1 €. L'orange est réservé strictement aux actions — devis, appel. Un visiteur qui cherche quoi cliquer trouve toujours la seule couleur chaude de la page.
Deux urgences, deux parcours
Une fuite après une tempête et une réfection complète n'ont ni le même rythme, ni le même mot-clé. Le site sert les deux sans que l'un gêne l'autre : appel immédiat en tête pour l'urgence, contenu détaillé et simulateur pour le projet qui se compare pendant deux semaines.
SEO local par commune
Le maillage interne et la rédaction ciblent Toulon, Hyères, Six-Fours, Sanary, Bandol, Cuers et les communes limitrophes des Bouches-du-Rhône et des Alpes-Maritimes. Une entreprise qui couvre un département doit apparaître sur chacune de ses villes, pas seulement sur le nom du département.
Performance et socle technique
Next.js en rendu statique, images servies au bon format et à la bonne taille, aucune bibliothèque décorative superflue. Les recherches d'artisan se font majoritairement sur mobile, souvent en 4G moyenne : au-delà de trois secondes, le visiteur retourne aux résultats Google.
Ce que le client a reçu
- Site vitrine complet, une page par prestation
- Simulateur de travaux interactif
- Formulaire de demande de devis avec photos jointes
- Pages et maillage interne par commune couverte
- Fiche Google Business configurée et alignée sur le site
- Code source livré, propriété intégrale du client
Stack technique
Vous voulez le même pour votre activité ?
Maquette offerte avant tout paiement, livraison en 2 semaines, à partir de 400€ HT.