Electricidad y reformas

AH Élec Rénov

Un electricista que también hace reformas integrales: la web debía decir ambas cosas sin confundir.

Año
2026
Diseño
3 semanas
Stack
Next.js · React · Tailwind · Vercel
  • Diseño
  • Desarrollo
  • SEO local
  • Redacción

Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.

https://ah-elec-renov.vercel.app/
Página de inicio de la web de AH Élec Rénov — Electricidad y reformas, realizada por Kayzen Web
rendimiento Lighthouse
87/100
SEO Lighthouse
100/100
familias de servicios conectadas
2
El punto de partida

Lo que había que resolver.

El contexto

AH Élec Rénov trabaja en Lyon y en el oeste de Lyon: electricidad general, adecuación a la norma NF C 15-100 (la norma francesa de instalaciones eléctricas), pero también reforma interior llave en mano: baño, cocina, fontanería.

La limitación

Dos posicionamientos en una misma empresa. La electricidad trae el tráfico; la reforma integral, el margen. Ponerlos al mismo nivel emborronaba el mensaje; quedarse solo con uno suponía renunciar al volumen o al valor.

La respuesta

La electricidad sigue siendo la puerta de entrada SEO, con sus propias páginas. La reforma llave en mano se presenta como la continuación natural: «hemos renovado su cuadro eléctrico, podemos renovar la estancia». La subida de gama se construye dentro del recorrido, no se muestra de frente.

Medido, no declarado

Las puntuaciones registradas en la entrega.

Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.

PageSpeed
87
Rendimiento: 87 de 100
96
Accesibilidad: 96 de 100
100
Buenas prácticas: 100 de 100
100
Posicionamiento en buscadores: 100 de 100
Diseño y dirección de arte

Cada decisión de diseño, y su porqué.

  1. La norma en primer plano

    Adecuación a la NF C 15-100 nombrada explícitamente, con lo que implica. Un cliente que vende su vivienda o reforma una casa antigua busca esa referencia concreta, no «electricista cualificado».

  2. Recorrido escalonado

    Cada página de electricidad termina con una pasarela hacia la reforma integral. La subida de gama se propone cuando ya existe confianza, no en la página de inicio.

  3. Trabajos por estancia

    Baño, cocina, salón. El cliente se imagina en una estancia, nunca en un servicio técnico.

Paleta del proyecto

  • Azul eléctrico

    #1B5E9B

    Identidad

  • Amarillo señal

    #E5A82E

    Acción

  • Gris claro

    #F4F6F8

    Fondo

  • Tinta

    #1B1F24

    Texto

Sistema tipográfico

Titulares

Outfit 700

Texto de lectura

Inter 400

Sobria. En los oficios regulados, la fantasía tipográfica resta en credibilidad lo que suma en personalidad.

Ingeniería

Lo que hay bajo el capó.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Embudo de presupuesto en dos tiempos

    Primero el tipo de necesidad, después los datos de contacto. Pedir el teléfono en el primer campo divide la tasa de finalización.

  2. Estático y ligero

    Renderizado estático, imágenes dimensionadas, ninguna librería de animación. 87 en rendimiento con una galería nutrida.

Posicionamiento SEO

Cómo se hace encontrar la web.

  1. Dos familias de búsquedas

    «Électricien Lyon 5» (electricista en Lyon 5), «mise aux normes électrique Tassin» (adecuación eléctrica en Tassin) por un lado; «rénovation salle de bain ouest lyonnais» (reforma de baño al oeste de Lyon) por otro. Cada familia tiene sus páginas, con enlaces internos de una a otra.

  2. La norma como palabra clave

    «NF C 15-100» es una búsqueda de poco volumen y de intención muy alta: quien la escribe sabe por qué lo hace.

Arquitectura del sitio

Lo que se entregó.

  • Inicio
  • Electricidad y adecuación a la norma
  • Reforma llave en mano
  • Baño / cocina / fontanería
  • Trabajos por estancia
  • Zonas de actuación
  • Presupuesto
Método

El desarrollo del proyecto.

  1. Posicionamiento

    La electricidad como puerta de entrada, la reforma como subida de gama.

  2. Diseño

    Recorrido escalonado, trabajos por estancia.

  3. Desarrollo

    Estático, embudo en dos tiempos.

  4. SEO

    Dos familias de búsquedas, enlazadas entre sí.

Preguntas

Lo que nos preguntan a menudo.

No necesariamente, pero hay que jerarquizarlos. El que trae el tráfico se convierte en la puerta de entrada; el que trae el margen se propone después, dentro del recorrido. Mostrarlos al mismo nivel solo diluye ambos.

El mismo nivel de exigencia, para su web.

Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.

Compartir