Projet conceptuel : entreprise fictive

Un site de couvreur qui montre le prix avant l’appel

Thornrigg Roofing & Guttering est une entreprise familiale de couverture fictive à Leeds, inventée pour montrer notre façon de travailler. Son site d’une seule page est conçu pour transformer les propriétaires inquiets en inspections gratuites réservées, et pour que quiconque a une fuite puisse appeler en un seul toucher.

Métier
Couvreurs
Lieu
Leeds, Royaume-Uni
Objectif principal
Inspections gratuites et appels pour fuite
Langues
EN

Ouvre le site de démonstration. L’entreprise est fictive : les formulaires et les boutons ne contactent personne.

Le brief

Un bon couvreur qui ressemble à tous les autres

Thornrigg est une entreprise familiale inventée, installée à Kirkstall, un quartier de Leeds : Mick, qui l’a créée en 1998, sa fille Jess au bureau, et le mari de Jess, Imran, à la tête de la deuxième équipe. Dans notre brief imaginaire, les nouveaux clients la trouvent sur Google Maps au milieu d’une douzaine d’autres couvreurs et n’arrivent pas à savoir qui est honnête : ils repoussent l’appel parce qu’ils craignent le prix. L’autre groupe ne peut pas attendre du tout : l’eau traverse le plafond et ils veulent quelqu’un au téléphone tout de suite. Le site devait montrer des prix justes et le travail lui-même, faire réserver des inspections gratuites et garder la ligne fuites à un toucher, de jour comme de nuit.

À qui s’adresse la page

Des propriétaires de Leeds, surtout sur téléphone, qui ont repéré une ardoise déplacée, une tache d’humidité ou une gouttière bouchée, et qui veulent un prix juste avant d’appeler. Et un groupe plus petit et pressé, avec une fuite en ce moment, souvent le soir.

Anatomie de la page

Anatomie d’un site de couvreur qui génère des appels

Un site Launch tient sur une seule longue page : voici donc le site entier, en 13 sections, du haut de l’écran d’un téléphone vers le bas.

Thornrigg Roofing & Guttering — Projet conceptuel : entreprise fictive
  1. Une bande jaune « fuite » au-dessus du logo

    « Le toit fuit en ce moment ? » et un bouton d’appel avec le numéro, avant tout le reste de la page. De 22 h à 7 h, heure britannique, elle devient « Une fuite cette nuit ? » et le bouton ouvre un guide des gestes à faire, car la ligne téléphonique est fermée.

  2. Titre, deux boutons et un statut en direct

    « Réparation de toitures à Leeds, bien faite du premier coup. » nomme le métier et la ville. Dessous : « Réserver une inspection de toiture gratuite » et « Appeler le 0113 496 0412 », trois courtes promesses (pas de frais de déplacement, des photos de chaque problème, un prix fixé par écrit) et une ligne qui indique si le bureau est ouvert en ce moment. Suit une bande de quatre faits : entreprise familiale depuis 1998, garantie de 10 ans, assurance de 5 millions de livres et intervention le jour même en cas de fuite.

  3. Prix « à partir de » pour 8 travaux, et un simulateur

    Huit travaux courants en trois groupes, chacun avec une phrase simple et un prix « à partir de » qui inclut la TVA et l’évacuation des déchets, de 80 £ pour un nettoyage de gouttière à 6 800 £ pour une réfection complète de toiture. Chaque ligne a un bouton Estimer. Il mène au simulateur, où vous choisissez les travaux et le type de maison (40 combinaisons) pour obtenir une fourchette de prix, le temps sur le chantier et la garantie.

  4. Un curseur avant-après

    Une maison en bande de Hyde Park, un quartier de Leeds, à trois jours d’intervalle. Faites glisser la poignée, ou utilisez les flèches du clavier, pour comparer. Dessous : ce qui a été fait, 3 jours de chantier, un prix final de 2 480 £, « identique au devis écrit », et une garantie de 10 ans. Deux autres chantiers récents suivent, chacun avec le quartier, la durée et le prix.

  5. « De l’eau traverse le plafond ? Faites ceci maintenant. »

    Quatre étapes simples : recueillir l’eau, mettre l’électricité en sécurité, prendre des photos pour l’assureur, puis appeler. Cela aide une personne paniquée et montre que l’entreprise connaît son métier. La nuit, le bouton d’appel devient « Réserver une visite fuite à la première heure », avec un compte à rebours jusqu’au retour de Jess au téléphone.

  6. Garantie, méthode, la famille et avis d’exemple

    La garantie indique la durée de couverture de chaque type de travaux, à côté d’un exemple de certificat qui montre exactement ce que vous recevez à la fin. Puis cinq étapes, du premier appel à la réception des travaux, les trois personnes avec qui vous traiteriez, et quatre avis, chacun clairement signalé comme contenu d’exemple.

  7. Code postal, FAQ et réservation en deux étapes

    Tapez un code postal et la page dit s’il est couvert, puis un bouton le reporte dans le formulaire de réservation. Huit réponses courtes aux questions fréquentes précèdent le formulaire. Celui-ci demande d’abord le problème, puis vos coordonnées, à côté du numéro de téléphone, de l’e-mail, des horaires avec le jour actuel en évidence et de l’adresse du dépôt.

Ce qui apporte appels et réservations

Cinq choix qui transforment les visites en appels

Les prix avant le coup de fil

On repousse l’appel au couvreur parce qu’on craint la facture. Ici, chaque travail courant affiche un prix « à partir de », et le simulateur donne une fourchette en deux touchers. Appuyez sur « Réserver mon inspection gratuite » et l’estimation vous suit : le formulaire l’affiche en haut et remplit les travaux et le type de maison.

La ligne fuites, toujours à portée de pouce

Le numéro figure dans la bande fuite, le haut de page, les étapes d’urgence, la FAQ, le bloc contact et le pied de page. Sur téléphone, une barre « Appeler maintenant » et « Inspection gratuite » reste en bas de l’écran. Elle s’efface quand les boutons du haut, le simulateur ou le formulaire de réservation sont visibles, et pendant la saisie, pour ne jamais masquer le formulaire.

Un mode nuit plutôt qu’une ligne fermée

La page vérifie l’heure au Royaume-Uni. Entre 22 h et 7 h, la bande fuite, la section urgence et la barre du bas remplacent leurs boutons d’appel par « Que faire maintenant » et une réservation de visite fuite à la première heure, et la ligne de statut indique quand le bureau ouvre. Le visiteur tardif trouve quand même de l’aide, et l’intervention est quand même réservée.

Des preuves visibles, pas une rangée d’étoiles

Dans un métier où l’on se méfie des artisans peu scrupuleux, le site montre le travail et les documents : un curseur avant-après, trois chantiers récents avec leur prix et un exemple de certificat de garantie. Les avis sont là aussi, mais ce ne sont pas la preuve principale.

Un formulaire qui paraît court

Deux étapes : le problème d’abord, puis vos coordonnées. Vous choisissez un créneau de deux heures, pas « mardi, dans la journée », et les dimanches, les samedis après-midi et les créneaux à moins de deux heures sont exclus d’office. Choisissez « Fuite en ce moment » en journée et le formulaire vous dit qu’appeler ira plus vite. Une photo du problème est facultative.

Scores mesurés

  • 88Performance
  • 100Accessibilité
  • 100Bonnes pratiques

Google Lighthouse, mobile, 4G simulée, mesuré le 19 septembre 2026. Le SEO n’est pas noté : les démos conceptuelles sont volontairement cachées à Google (noindex), ce que Lighthouse pénalise. Faites le test vous-même sur la démo en ligne.

Notes techniques

  • HTML, CSS et JavaScript écrits à la main, sans framework : 89 Ko de CSS et de JavaScript avant compression, 23 Ko en gzip. Aucun script de suivi et aucun cookie.
  • Photos en AVIF et WebP, en deux à quatre tailles chacune, avec une version JPEG de secours. Seule la photo du haut se charge tout de suite ; les autres se chargent au fil du défilement. Un téléphone télécharge environ 470 Ko au premier chargement, polices comprises.
  • Source Serif 4 pour les titres, une police à empattements solide qui inspire le sérieux, et Work Sans pour le texte et les boutons. Les deux sont hébergées sur le site : aucun appel à Google Fonts.
  • Des couleurs tirées d’un toit de Leeds : ardoise galloise pour le texte et le pied de page, brume des Pennines pour les fonds, et jaune lichen pour la bande fuite et les boutons qui réservent ou appellent.
  • Accessibilité : un lien d’évitement, des contours de focus nets, un curseur qu’on déplace avec les flèches du clavier, les changements de prix lus par les lecteurs d’écran, des messages d’erreur liés à leur champ, et les animations coupées pour les personnes qui activent la réduction des mouvements.
  • Formule Launch : cette démo est le site entier, une longue page en anglais. Un site Launch standard compte 8 à 10 sections et un court formulaire de contact ; le simulateur, le curseur avant-après, le vérificateur de code postal et le formulaire de réservation en deux étapes sont des options sur mesure, en supplément.
Palette
Polices
Source Serif 4 + Work Sans

La formule correspondante

Launch

Ce concept correspond au type de site que vous obtenez avec Launch : 590 £ pour la création, puis à partir de 39 £/mois pour l’entretien. Les options interactives, comme les calculateurs et les estimateurs, font l’objet d’un devis à part.

Page métier : Couvreurs →

Aperçu gratuit

Un site comme celui-ci pour votre entreprise de couverture ?

Présentez-nous votre entreprise et nous vous montrerons gratuitement, avant tout paiement, à quoi pourrait ressembler votre nouvelle page d’accueil. Sans carte bancaire et sans engagement.

  • Sans carte bancaire
  • Domaine à votre nom
  • Entretien résiliable à tout moment après 3 mois