Projet conceptuel : entreprise fictive

La ligne d’urgence d’abord, les prix avant l’appel

Brightcombe Electrical est une entreprise familiale d’électricité fictive à Bristol, inventée pour montrer notre façon de travailler. Son site d’une seule page est conçu pour recevoir les appels d’urgence à toute heure, et pour permettre d’estimer le prix des travaux prévus avant même d’appeler.

Métier
Électriciens
Lieu
Bristol, Royaume-Uni
Objectif principal
Appels d’urgence et demandes de devis
Langues
EN

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

Le brief

Trois électriciens et un téléphone 24 h/24

Brightcombe est une entreprise familiale inventée, installée à Easton, un quartier de Bristol : Andre, sa fille Tia et Josh, leur apprenti. Dans notre brief imaginaire, ils n’ont pas de site internet, seulement une fiche Google Maps, et leur téléphone sonne pour deux raisons : les urgences, souvent tard le soir, et les travaux prévus, comme les bornes de recharge, les tableaux électriques, les diagnostics EICR (le contrôle de l’installation électrique au Royaume-Uni) et les rénovations complètes. La nuit, on ne sait pas si quelqu’un va répondre, et ceux qui préparent des travaux veulent un prix avant d’appeler. Le nouveau site devait mettre le numéro 24 h/24 à portée de pouce, donner aux travaux prévus une fourchette de prix honnête et un moyen simple de demander un devis ferme.

À qui s’adresse la page

Des habitants de Bristol sans courant, face à des étincelles ou une odeur de brûlé, presque toujours sur leur téléphone et souvent la nuit. Et des propriétaires ou des bailleurs qui prévoient une borne de recharge, un nouveau tableau, un EICR ou une rénovation complète, et qui veulent un prix avant d’appeler.

Anatomie de la page

Anatomie d’un site d’électricien qui fait sonner le téléphone

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

Brightcombe Electrical — Projet conceptuel : entreprise fictive
  1. Une barre rouge d’urgence 24 h/24

    C’est la première chose au-dessus du logo : « Plus de courant, des étincelles ou une odeur de brûlé ? » et un bouton blanc avec le numéro. Sur un téléphone étroit, elle se réduit à « Urgences 24 h/24 » et au bouton, pour ne jamais passer sur deux lignes.

  2. Titre, deux boutons et un statut en direct

    « Des électriciens à Bristol qui décrochent. Même à 2 h du matin. » cite le métier et la ville. Dessous : un bouton d’appel rouge (« Un électricien répond 24 h/24 ») et un bouton « Estimer mes travaux », puis une ligne qui montre que la ligne d’urgence est ouverte et si le bureau l’est aussi, à l’heure britannique. Suit une rangée de quatre promesses : agréés et assurés, prix ferme par écrit, 20 ans sur les installations de Bristol, et à l’heure ou 50 £ de remise.

  3. Les gestes de sécurité « À faire maintenant »

    Quatre étapes pour quelqu’un en pleine panne : couper au disjoncteur général, ne toucher à rien de noirci, vérifier chez les voisins (si tout le quartier est coupé, on appelle le 105, le numéro britannique des coupures de courant), puis appeler. À côté : les tarifs de déplacement, 95 £ de 7 h à 22 h et 145 £ la nuit, avec le tarif en vigueur mis en évidence.

  4. Des prix « à partir de » pour 8 travaux courants

    Dépannage d’urgence, borne de recharge, tableau électrique, EICR, rénovation complète, prises, éclairage et recherche de panne : chaque ligne a une phrase simple et un prix « à partir de » qui inclut la TVA, les pièces et les certificats. Cinq d’entre elles ont un bouton « Estimer » qui enclenche ce type de travaux dans le simulateur juste en dessous.

  5. Le simulateur en forme de tableau électrique

    Cinq disjoncteurs : borne de recharge, tableau électrique, EICR, rénovation complète et prises. Enclenchez-en un et quelques options apparaissent, comme la longueur de câble ou le nombre de chambres, et le total se met à jour sous forme de fourchette de prix. « Demander un devis gratuit » envoie l’estimation dans le formulaire.

  6. La preuve : chantiers récents, équipe et avis d’exemple

    Un avant-après de tableau électrique à faire basculer, trois chantiers récents avec le quartier, la durée et le prix payé, puis les trois personnes qui viennent vraiment chez vous. Une liste des agréments et des assurances, quatre promesses écrites et trois avis, chacun clairement signalé comme contenu d’exemple.

  7. Code postal, FAQ et formulaire de devis

    Tapez un code postal et la page dit tout de suite s’il est couvert et en combien de temps ils peuvent arriver en cas d’urgence. Suivent sept réponses courtes aux questions fréquentes, puis le formulaire de devis à côté du numéro d’urgence, les horaires du bureau avec le jour actuel en évidence, et une étiquette en direct « Bureau ouvert » ou « Bureau fermé ».

Ce qui apporte appels et réservations

Cinq choix qui transforment les visites en appels

Le numéro, toujours à portée de pouce

Le numéro 24 h/24 figure dans la barre rouge, le haut de page, les gestes de sécurité, le bloc contact et le pied de page, ainsi que dans l’en-tête sur les écrans à partir de 600 px de large. Sur téléphone, une barre avec « Appeler 24 h/24 », « Estimer » et « Devis gratuit » apparaît dès que les boutons du haut sortent de l’écran, et se cache pendant la saisie pour ne jamais masquer le formulaire.

Répondre aux trois questions qui freinent l’appel

Combien ? Chaque service affiche un prix de départ, et les deux tarifs de déplacement sont sur la page. Vous venez jusque chez moi ? Tapez un code postal : le vérificateur répond oui ou non, avec le délai d’arrivée habituel en urgence. Quelqu’un est là ? La ligne de statut indique que la ligne d’urgence est ouverte, à l’instant même.

Un tableau électrique à manipuler

Chaque type de travaux est un disjoncteur, la même commande que sur le tableau électrique de la maison. Les fourchettes suivent des règles simples pour que le total reste honnête : enclenchez une rénovation complète, et le tableau et l’EICR affichent « Inclus dans la rénovation » au lieu d’être comptés deux fois.

L’estimation remplit le formulaire

Touchez « Demander un devis gratuit pour ces 2 travaux » : le formulaire coche les mêmes travaux et écrit l’estimation en première ligne du message. Le client n’ajoute que son nom, son téléphone et son code postal. L’e-mail est facultatif, et chaque erreur s’accompagne d’un message clair à côté du champ.

Le mode nuit donne l’heure

De 22 h à 7 h, heure britannique, le titre affiche l’heure réelle, par exemple « Il est 23 h 40. Nous sommes là. », le tarif de nuit à 145 £ est mis en évidence et la ligne de statut précise qu’il s’applique jusqu’à 7 h. Cela répond à la seule question du visiteur nocturne : est-ce que quelqu’un va décrocher ?

Scores mesurés

  • 98Performance
  • 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 : 75 Ko de CSS et de JavaScript avant compression, 19 Ko en gzip. Aucun script de suivi et aucun cookie.
  • Images en AVIF avec des versions WebP et JPEG de secours, dimensionnées pour chaque écran. Seule la photo du haut se charge tout de suite ; les autres se chargent au fil du défilement.
  • Space Grotesk pour les titres et les prix, DM Sans pour le texte. Les deux polices sont hébergées sur le site, 58 Ko au total, sans aucun appel à Google Fonts.
  • Des couleurs tirées d’un tableau électrique : boîtier graphite et blanc, rouge sectionneur pour les urgences et les boutons d’appel, et vert du fil de terre pour « ouvert maintenant ».
  • Accessibilité : les disjoncteurs sont de vrais interrupteurs que les lecteurs d’écran annoncent comme activés ou désactivés, le total est lu à voix haute quand il change, chaque bouton mesure au moins 44 px de haut, et les animations s’arrêtent 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 comprend un court formulaire de contact ; le simulateur en forme de tableau électrique, le vérificateur de code postal et l’avant-après sont des options sur mesure, en supplément.
Palette
Polices
Space Grotesk + DM 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 : Électriciens →

Aperçu gratuit

Un site comme celui-ci pour votre entreprise d’électricité ?

Parlez-nous de votre entreprise et nous concevrons d’abord votre page d’accueil, gratuitement et sans carte bancaire. Vous ne payez que si vous décidez de continuer.

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