Électricité & Rénovation

AH Élec Rénov

Un électricien qui fait aussi de la rénovation complète : le site devait dire les deux sans brouiller.

Année
2026
Conception
3 semaines
Stack
Next.js · React · Tailwind · Vercel
  • Design
  • Développement
  • SEO local
  • Rédaction

Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.

https://ah-elec-renov.vercel.app/
Page d'accueil du site AH Élec Rénov — Électricité & Rénovation, réalisé par Kayzen Web
performance Lighthouse
87/100
SEO Lighthouse
100/100
familles de prestations reliées
2
Le point de départ

Ce qu'il fallait résoudre.

Le contexte

AH Élec Rénov intervient à Lyon et dans l'ouest lyonnais : électricité générale, mise aux normes NF C 15-100, mais aussi rénovation intérieure clé en main — salle de bain, cuisine, plomberie.

La contrainte

Deux positionnements dans une même entreprise. L'électricité amène le trafic, la rénovation complète amène la marge. Mettre les deux au même niveau brouillait le message ; n'en garder qu'un revenait à renoncer soit au volume, soit à la valeur.

La réponse

L'électricité reste la porte d'entrée SEO, avec ses pages propres. La rénovation clé en main est présentée comme la suite naturelle : « nous avons refait votre tableau, nous pouvons refaire la pièce ». La montée en gamme est construite dans le parcours, pas affichée frontalement.

Mesuré, pas déclaré

Les scores relevés à la livraison.

Scores Lighthouse du site en production. Nous les publions tels quels : quand l'un d'eux est bas, sa cause et son plan de correction sont écrits plus bas plutôt que passés sous silence.

PageSpeed
87
Performance : 87 sur 100
96
Accessibilité : 96 sur 100
100
Bonnes pratiques : 100 sur 100
100
Référencement : 100 sur 100
Design & direction artistique

Chaque parti pris, et sa raison.

  1. La certification mise en avant

    Mise aux normes NF C 15-100 nommée explicitement, avec ce qu'elle implique. Un client qui vend son logement ou rénove un ancien cherche cette référence précise, pas « électricien qualifié ».

  2. Parcours en escalier

    Chaque page d'électricité se termine par une passerelle vers la rénovation complète. La montée en gamme est proposée au moment où la confiance est établie, pas sur la page d'accueil.

  3. Réalisations par pièce

    Salle de bain, cuisine, séjour. Le client se projette dans une pièce, jamais dans une prestation technique.

Palette du projet

  • Bleu électrique

    #1B5E9B

    Identité

  • Jaune signal

    #E5A82E

    Action

  • Gris clair

    #F4F6F8

    Fond

  • Encre

    #1B1F24

    Texte

Système typographique

Titrage

Outfit 700

Texte courant

Inter 400

Sobre. Sur les métiers réglementés, la fantaisie typographique fait perdre en crédibilité ce qu'elle gagne en personnalité.

Ingénierie

Ce qu'il y a sous le capot.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Tunnel de devis en deux temps

    Type de besoin d'abord, coordonnées ensuite. Demander le numéro de téléphone en premier champ divise le taux de complétion.

  2. Statique et léger

    Rendu statique, images dimensionnées, aucune bibliothèque d'animation. 87 en performance avec une galerie fournie.

Référencement

Comment le site se rend trouvable.

  1. Deux familles de requêtes

    « Électricien Lyon 5 », « mise aux normes électrique Tassin » d'un côté ; « rénovation salle de bain ouest lyonnais » de l'autre. Chaque famille a ses pages, avec un maillage de l'une vers l'autre.

  2. La norme comme mot-clé

    « NF C 15-100 » est une requête à faible volume et à très forte intention : celui qui la tape sait pourquoi il la tape.

Arborescence

Ce qui a été livré.

  • Accueil
  • Électricité et mise aux normes
  • Rénovation clé en main
  • Salle de bain / cuisine / plomberie
  • Réalisations par pièce
  • Zones d'intervention
  • Devis
Méthode

Le déroulé du projet.

  1. Positionnement

    Électricité en porte d'entrée, rénovation en montée en gamme.

  2. Design

    Parcours en escalier, réalisations par pièce.

  3. Développement

    Statique, tunnel en deux temps.

  4. SEO

    Deux familles de requêtes, maillage entre elles.

Questions

Ce qu'on nous demande souvent.

Pas nécessairement, mais il faut les hiérarchiser. Celui qui amène le trafic devient la porte d'entrée ; celui qui amène la marge se propose ensuite, dans le parcours. Les afficher au même niveau ne fait que diluer les deux.

Le même niveau d'exigence, pour votre site.

Audit gratuit de votre site actuel, devis sous 24 h et un raisonnement écrit — comme celui que vous venez de lire. Paiement en trois fois sans frais, aides locales vérifiées avant signature.

Partager