Proyecto conceptual: negocio ficticio

Urgencias primero y precios antes de que suene el teléfono

Brightcombe Electrical es una empresa familiar de electricistas ficticia en Bristol, inventada para enseñar cómo trabajamos. Su web de una sola página está pensada para recibir llamadas de urgencia a cualquier hora y para que la gente vea el precio de un trabajo planificado antes de llamar.

Sector
Electricistas
Ubicación
Bristol, Reino Unido
Objetivo principal
Llamadas urgentes y peticiones de presupuesto
Idiomas
EN

Abre la web de demostración. Es un negocio ficticio, así que los formularios y botones no contactan con nadie.

El encargo

Tres electricistas y un teléfono 24/7

Brightcombe es una empresa familiar inventada de Easton, en Bristol: Andre, su hija Tia y Josh, su aprendiz. En el encargo que imaginamos, no tienen web, solo una ficha en Google Maps, y su teléfono suena por dos motivos: urgencias, a menudo de madrugada, y trabajos planificados como cargadores para coche eléctrico, cuadros eléctricos, informes EICR (la revisión oficial de la instalación eléctrica en el Reino Unido) y recableados completos. Quien llama de noche no sabe si alguien contestará, y quien planea un trabajo quiere un precio antes de llamar. La nueva web tenía que poner el número 24/7 al alcance de cualquier pulgar y dar a los trabajos planificados un rango de precios honrado y una forma fácil de pedir un presupuesto cerrado.

Para quién es la página

Propietarios de Bristol sin luz, con chispas u olor a quemado, casi siempre desde el móvil y a menudo de noche. Y propietarios y caseros que planean un cargador para coche eléctrico, un cuadro eléctrico nuevo, un EICR o un recableado, y quieren un precio antes de llamar.

Anatomía de la página

Anatomía de una web de electricista que consigue llamadas

Una web Launch es una sola página larga, así que esta es la web entera: 10 secciones, desde lo alto de la pantalla del móvil hacia abajo.

Brightcombe Electrical — Proyecto conceptual: negocio ficticio
  1. Una barra roja de urgencias 24/7

    Lo primero, encima del logo: “¿Sin luz, chispas u olor a quemado?” y un botón blanco de llamada con el número. En un móvil estrecho se reduce a “Urgencias 24/7” y el botón, para que nunca ocupe dos líneas.

  2. Titular, dos botones y estado en directo

    “Electricistas en Bristol que contestan al teléfono. Incluso a las 2 de la madrugada.” dice el oficio y la ciudad. Debajo hay un botón rojo de llamada (“Te contesta un electricista, 24/7”) y un botón “Calcula tu precio”, y luego una línea que muestra que las urgencias están abiertas y si la oficina lo está, en hora del Reino Unido. Sigue una fila de cuatro promesas: registrados y asegurados, precio cerrado por escrito, 20 años con las instalaciones de Bristol y puntualidad o 50 £ de descuento.

  3. Pasos de seguridad: “Haz esto ya”

    Cuatro pasos para quien está en pleno problema: apaga el interruptor general, no toques nada chamuscado, pregunta a los vecinos (si es un corte de luz general, hay que llamar al 105, el número de averías de la red en el Reino Unido) y luego llama. Al lado, las tarifas de desplazamiento, 95 £ de 7:00 a 22:00 y 145 £ de noche, con la tarifa que se aplica en ese momento resaltada.

  4. Precios “desde” para 8 trabajos habituales

    Salidas de urgencia, cargadores para coche eléctrico, cuadros eléctricos, informes EICR, recableados, enchufes, iluminación y búsqueda de averías, cada uno con una frase sencilla y un precio “desde” con IVA, materiales y certificados incluidos. Cinco de ellos tienen un botón “Calcular” que activa ese trabajo en la calculadora de abajo.

  5. La calculadora con forma de cuadro eléctrico

    Cinco interruptores automáticos: cargador para coche eléctrico, cuadro eléctrico, EICR, recableado y enchufes. Sube uno y aparecen algunas opciones, como la longitud del cable o el número de dormitorios, y el total se actualiza como un rango de precios. “Pide un presupuesto gratis” lleva el cálculo al formulario.

  6. Pruebas: trabajos recientes, el equipo y reseñas de ejemplo

    Un cuadro eléctrico de antes y después que puedes alternar, tres trabajos recientes con la zona, el tiempo que llevó y el precio pagado, y las tres personas que de verdad van a tu casa. Una lista de datos de registro y seguro, cuatro promesas por escrito y tres reseñas, cada una marcada claramente como contenido de muestra.

  7. Código postal, preguntas y formulario de presupuesto

    Escribe un código postal y la página te dice al momento si está cubierto y lo rápido que pueden llegar en una urgencia. Siguen siete respuestas breves a preguntas frecuentes y, después, el formulario de presupuesto junto al número de urgencias, el horario de oficina con el día de hoy resaltado y una etiqueta en directo de “Oficina abierta” u “Oficina cerrada”.

Por qué consigue llamadas y reservas

Cinco decisiones pensadas para conseguir llamadas

El número, siempre al alcance del pulgar

El número 24/7 está en la barra roja, el bloque principal, los pasos de seguridad, el bloque de contacto y el pie, y en la cabecera en pantallas desde 600 px de ancho. En el móvil, una barra con “Llamar 24/7”, “Calcular” y “Presupuesto gratis” aparece cuando los botones de arriba salen de la pantalla, y se esconde mientras escribes para no tapar nunca el formulario.

Responder a las tres preguntas que frenan la llamada

¿Cuánto cuesta? Cada servicio muestra un precio “desde”, y las dos tarifas de desplazamiento están en la página. ¿Mi zona está cubierta? Escribe un código postal y el comprobador dice sí o no, con el tiempo habitual de llegada en una urgencia. ¿Hay alguien? La línea de estado dice que las urgencias están abiertas, ahora mismo.

Un cuadro eléctrico que puedes accionar

Cada trabajo es un interruptor automático, el mismo mando que la gente ve en su propio cuadro eléctrico. Los rangos siguen reglas sencillas para que el total sea honesto: activa un recableado y el cuadro eléctrico y el EICR muestran “Incluido en el recableado” en lugar de contarse dos veces.

El cálculo rellena el formulario

Toca “Pide un presupuesto gratis para estos 2 trabajos” y el formulario marca los mismos trabajos y escribe el cálculo como primera línea del mensaje. El cliente solo añade nombre, teléfono y código postal. El email es opcional, y cualquier error muestra un mensaje en palabras sencillas junto al campo.

El modo noche dice la hora

De 22:00 a 7:00, hora del Reino Unido, el titular muestra la hora real, por ejemplo “Son las 23:40. Estamos despiertos.”, la tarifa nocturna de 145 £ aparece resaltada y la línea de estado dice que se aplica hasta las 7:00. Responde a la única pregunta que tiene quien entra de madrugada: ¿me contestará alguien?

Puntuaciones medidas

  • 98Rendimiento
  • 100Accesibilidad
  • 100Buenas prácticas

Google Lighthouse, móvil, 4G simulado, medido el 19 de septiembre de 2026. El SEO no se puntúa: las demos conceptuales están ocultas a Google a propósito (noindex), y Lighthouse lo cuenta en su contra. Compruébalo tú en la demo.

Notas técnicas

  • HTML, CSS y JavaScript escritos a mano, sin framework: 75 KB de CSS y JavaScript sin comprimir, 19 KB con gzip. Sin scripts de seguimiento y sin cookies.
  • Imágenes en AVIF con alternativas en WebP y JPEG, a medida para cada pantalla. Solo la foto principal se carga de inmediato; las demás se cargan a medida que bajas.
  • Space Grotesk para títulos y precios, DM Sans para el texto. Las dos están alojadas en el propio servidor, 58 KB en total, sin llamadas a Google Fonts.
  • Colores sacados de un cuadro eléctrico: carcasa grafito y blanca, rojo de seccionador para las urgencias y los botones de llamada, y verde de toma de tierra para “abierto ahora”.
  • Accesibilidad: los interruptores son conmutadores reales que los lectores de pantalla anuncian como activados o desactivados, el total se lee en voz alta cuando cambia, todos los botones miden al menos 44 px de alto y las animaciones se detienen para quien activa el movimiento reducido.
  • Paquete Launch: esta demo es la web entera, una sola página larga en inglés. Una web Launch estándar incluye un formulario de contacto corto; la calculadora del cuadro eléctrico, el comprobador de código postal y el comparador de antes y después son extras a medida que se suman.
Paleta
Tipografías
Space Grotesk + DM Sans

El paquete que representa

Launch

Este concepto es el tipo de web que tienes con Launch: 590 £ de creación y después desde 39 £/mes de mantenimiento. Los extras interactivos, como calculadoras y presupuestos al instante, se presupuestan aparte.

Páginas web por sector: Electricistas →

Vista previa gratis

¿Quieres una web así para tu empresa de electricidad?

Cuéntanos cómo es tu negocio y primero diseñamos tu página de inicio, gratis y sin tarjeta. Solo pagas si decides seguir adelante.

  • Sin tarjeta
  • Tu dominio a tu nombre
  • Cancela el mantenimiento cuando quieras tras 3 meses