Por qué rehíce la web de mi cliente desde cero y sus ventas se triplicaron en 90 días
La web de Miguel era preciosa. Diseño moderno, fotografías profesionales, animaciones fluidas. Había invertido 4.200€ en ella. El problema era que en 8 meses había generado exactamente 3 ventas. No me inventé nada nuevo para arreglarlo. Apliqué el sistema que siempre funciona.
Miguel tiene una empresa de reformas en Madrid. No una empresa grande, pero sí sólida: 12 años de experiencia, más de 200 proyectos terminados, clientes contentos que le recomiendan a sus vecinos. El problema era que esa reputación vivía en el mundo real pero era completamente invisible en Internet.
Cuando me mostró su web entendí el problema en los primeros 10 segundos. La página de inicio empezaba con: «Somos una empresa de reformas con más de 12 años de experiencia en el sector.» Lo cual es perfectamente correcto y absolutamente inútil para alguien que llega con un problema concreto.
Su visitante ideal no pensaba: «Necesito una empresa con experiencia.» Pensaba: «Mi cocina es un desastre, quiero reformarla antes del verano y no sé por dónde empezar ni cuánto va a costarme.» La web de Miguel hablaba de Miguel. Debería estar hablando de ese visitante.
Una web que habla de ti es un currículum. Una web que habla del problema de tu cliente es una máquina de ventas.— RUSSELL BRUNSON
El diagnóstico: lo que la web estaba haciendo mal
Antes de tocar una sola línea de código hice un análisis completo con tres herramientas: Hotjar para mapas de calor, Google Analytics 4 para el comportamiento en página y una encuesta directa a 12 clientes anteriores de Miguel para entender con qué palabras describían su problema.
Los datos contaban una historia clara:
Al preguntar a los clientes anteriores de Miguel cómo describían su problema antes de buscar empresa de reformas, el 83% usó las palabras «no sé cuánto me va a costar» o «no sé si me van a engañar». La web original no respondía ninguna de las dos preguntas. La nueva las respondía antes de que el visitante las formulara.
El sistema Hook–Story–Offer aplicado a la web
Este es el mismo sistema que uso para construir funnels de venta. Funciona en páginas de ventas, en emails, en vídeos y, como demostró el caso de Miguel, funciona perfectamente en webs corporativas. La estructura es simple pero hay que ejecutarla con precisión quirúrgica.
1.El Hook: 5 segundos para decirle al visitante que estás hablando con él
El hero de una web tiene un solo trabajo: hacer que el visitante sienta que ha llegado al lugar correcto en menos de 5 segundos. Para eso, el titular tiene que hablar del problema o del resultado, nunca de la empresa.
Cambiamos el titular de «12 años de experiencia en reformas» a «Tu cocina o baño reformado en el plazo pactado, con precio cerrado desde el primer día o te devolvemos el dinero.»
Este titular hace tres cosas a la vez: identifica el resultado que el cliente quiere (reforma completada), elimina la objeción del tiempo (plazo pactado), y elimina la objeción del precio sorpresa (precio cerrado). Todo en una línea. Eso es un Hook que para el scroll.
Debajo del titular añadimos tres iconos con los tres miedos principales que identificamos en la encuesta: sin costes ocultos, con garantía de plazo, con proyecto visualizado antes de empezar. No hablamos de nosotros. Hablamos de lo que le quita el sueño al cliente.
2. La Story: prueba social que transforma visitantes en creyentes
La sección de testimonios de la web original tenía tres frases genéricas sin foto, sin nombre completo y sin resultado específico. «Muy profesionales, totalmente recomendables.» Eso no convierte a nadie.
Sustituimos los testimonios genéricos por casos de transformación con esta estructura exacta: foto del cliente real con nombre completo y ciudad, descripción del problema inicial en sus propias palabras, resultado concreto con número («la reforma de 68m² terminada en 22 días, presupuesto exacto al céntimo») y una valoración de 1 a 5.
No son testimonios. Son mini historias de Epiphany Bridge. El visitante lee la historia de alguien con exactamente su mismo problema y ve cómo se resolvió. Eso elimina la desconfianza mejor que cualquier argumento técnico.
Añadimos también una sección de «Así funciona el proceso» con 4 pasos ilustrados. Muchos visitantes no contactan porque no saben qué va a pasar después de que lo hagan. Eliminar esa incertidumbre reduce el coste emocional de dar el primer paso.
3.La Offer: el CTA que hace que contactar sea irresistible
El formulario original tenía 9 campos: nombre, apellidos, email, teléfono, tipo de reforma, metros cuadrados, presupuesto estimado, zona y «cómo nos conoció». Cada campo adicional después del tercero reduce la tasa de conversión entre un 4% y un 11%. Con 9 campos, Miguel estaba rechazando a la mayoría de sus leads antes de hablar con ellos.
Redujimos a 3 campos: nombre, teléfono y tipo de reforma (desplegable con 5 opciones). El resto lo resuelve Miguel en la llamada inicial. El formulario se sustituyó también por una calculadora interactiva simple: «¿Cuánto cuesta reformar tu cocina? Calcúlalo en 2 minutos.»
La calculadora no da un precio exacto —eso requiere visita— pero da un rango orientativo. Esto cumple dos funciones: le da valor al visitante antes de pedir nada a cambio, y filtra a los contactos serios de los que solo están cotilleando. Los leads que llegan después de usar la calculadora convierten a cliente el 67% de las veces. Los del formulario estándar convertían el 8%.
Por último, añadimos un CTA secundario visible en todo el scroll: «Ver proyectos similares al tuyo». No todo el mundo está listo para contactar. Pero sí están listos para ver más. Este enlace los mantiene en la web y los lleva a los casos de transformación donde el cierre se produce de forma natural.
Miguel no cambió sus precios. No hizo más publicidad. No contrató a más gente. Simplemente dejó de rechazar a los clientes que ya estaban llegando a su web. El tráfico era el mismo. La web nueva lo convertía.
La objeción que me hacen siempre antes de empezar
«Mi web ya está bien, el problema es que no tengo suficiente tráfico»
Esta es la frase que más escucho y casi siempre es incorrecta. Si tu web convierte el 0.5% y la media de tu sector está entre el 2% y el 4%, duplicar el tráfico solo te da el doble de resultados mediocres. Arreglar la conversión primero te da entre 4 y 8 veces más ventas con el mismo tráfico.
El orden correcto es siempre este: primero arregla la conversión, después escala el tráfico. Pagar publicidad para llevar tráfico a una web que no convierte es exactamente como intentar llenar un cubo lleno de agujeros. Cierra los agujeros primero.