«¿Por qué mi web tiene visitas pero casi nadie compra o pide presupuesto?». Y casi siempre está en lo que pasa dentro de la web una vez que la persona ya ha llegado.

El diseño web es la diferencia entre alguien que rellena tu formulario de contacto y alguien que cierra la pestaña a los ocho segundos. Hoy en día, con usuarios que llegan cada vez más desde buscadores de IA (ChatGPT, Gemini, Perplexity, el propio Google con sus resúmenes generados) y con menos paciencia que nunca, cada decisión de diseño cuenta.

Aquí van las siete decisiones que, por experiencia, más impactan en si tu web vende.

1. Lo que se ve sin hacer scroll (el famoso «above the fold»)

En los primeros 3-5 segundos, un visitante decide si se queda o se va. En ese espacio tiene que quedar claro:

Qué ofreces
Para quién es
Qué hace falta para dar el siguiente paso

Un error muy común que seguimos viendo: heros gigantes con una frase bonita pero ambigua («Transformamos tu futuro digital») y ningún botón de acción visible. Suena elegante, pero no vende.

2. La velocidad de carga (que ya no es solo cosa de Google)

La velocidad lleva años siendo un factor de ranking, pero ahora también es un factor de confianza. Una web lenta transmite «esta empresa no cuida los detalles», y eso se traduce directamente en menos conversiones.

Además, ahora hay un motivo nuevo para que te importe: los rastreadores de los buscadores de IA (los que «leen» tu web para poder recomendarte en una respuesta de ChatGPT o Gemini) tienen paciencia limitada y presupuestos de rastreo. Si tu web tarda en cargar o depende de mucho JavaScript para mostrar el contenido, es más difícil que ese contenido llegue a indexarse bien y a citarse en las respuestas de IA.

Cosas que de verdad marcan diferencia:

Imágenes optimizadas (formatos modernos, tamaños correctos)
Un buen sistema de caché (nosotros trabajamos mucho con LiteSpeed Cache en Hostinger, por ejemplo)
Código limpio, sin plugins o librerías que no se usan

3. Formularios: cuántos campos pides y cuándo los pides

Cada campo que añades a un formulario es una pequeña excusa para que alguien lo abandone. Si pides teléfono, empresa, presupuesto estimado y mensaje detallado para simplemente «pedir información», estás filtrando de más.

Nuestra recomendación habitual: empieza pidiendo lo mínimo (nombre, email, y un campo abierto) y deja que la conversación profundice en la llamada o el email de seguimiento. Si necesitas cualificar mejor al lead, es preferible dividir el formulario en pasos (multi-step) que enseñar quince campos de golpe.

También importa mucho la protección anti-spam invisible: usar honeypot y validación por nonce en lugar de un CAPTCHA visible mantiene el formulario limpio de bots sin obligar al usuario a demostrar que «no es un robot» haciendo puzzles.

4. La jerarquía visual: qué lees primero, segundo y tercero

Una página sin jerarquía clara obliga al cerebro a trabajar para entender qué es importante. Y un cerebro que tiene que esforzarse, abandona.

La jerarquía se construye con:

Tamaños de texto que marcan diferencias reales (no un título ligeramente más grande que el párrafo)
Contraste de color intencional, no decorativo
Espacio en blanco que separa ideas en vez de amontonarlas

Un truco sencillo para comprobarlo: entrecierra los ojos mirando tu página. Si no distingues claramente qué es lo más importante, tus usuarios tampoco.

5. Mobile first, de verdad, no «también funciona en móvil»

La mayoría del tráfico ya llega desde el móvil, y muchos negocios siguen diseñando primero para escritorio y «adaptando» después. Se nota: botones minúsculos, menús que no cierran bien, textos que se cortan.

Un bug clásico (y que hemos corregido más de una vez en proyectos reales) es el desbordamiento horizontal en móvil causado por combinar paddings shorthand con contenedores de ancho fijo mal calculados. Parece un detalle técnico, pero el resultado es una web que se ve rota nada más abrirla desde el móvil, que es probablemente el 60-70% de tus visitas.

Diseñar mobile first no es solo «que se vea bien en pantalla pequeña»: es pensar primero en el pulgar que va a tocar los botones, en la velocidad de la conexión y en cuánto tarda alguien en encontrar el precio o el teléfono.

6. Prueba social bien colocada

Testimonios, logos de clientes, casos de éxito… todo eso ayuda, pero solo si está colocado donde la persona tiene la duda, no en una página aparte que nadie visita.

Por ejemplo: si tienes una página de un servicio concreto, un testimonio específico de un cliente que contrató ese mismo servicio, justo antes del formulario o del precio, ayuda mucho más que una página genérica de «Opiniones» enlazada en el menú.

La prueba social funciona como un empujón final, no como una sección decorativa. Colócala en el momento de la duda, no antes ni después.

7. Contenido pensado también para que lo «lea» una IA

Esta es la decisión de diseño más nueva de la lista, y cada vez pesa más. Ya no solo diseñamos para que una persona entienda tu web de un vistazo: también diseñamos para que un modelo de lenguaje pueda extraer, entender y citar tu contenido cuando alguien le pregunta algo relacionado.

Esto afecta al diseño de formas muy concretas:

Estructura de encabezados clara y jerárquica (H1, H2, H3 bien anidados, no solo por estética)
Contenido en HTML real y accesible, no metido dentro de imágenes o de componentes que solo se cargan con interacción del usuario
Respuestas directas y bien delimitadas a preguntas concretas (justo el formato que estás leyendo ahora)
Datos estructurados (schema markup) que ayudan tanto a Google como a los sistemas de IA a entender de qué trata cada página

Una web que está bien estructurada para SEO tradicional normalmente ya cumple gran parte de esto, pero el matiz es no dar nada por hecho: si tu contenido depende de que el usuario haga clic para desplegarlo, es muy probable que ni Google ni un asistente de IA lo estén viendo.

Entonces, ¿por dónde empiezo?

Si tuviéramos que priorizar, mirando estas siete decisiones, empezaríamos por dos cosas: revisar qué pasa en los primeros segundos de visita (punto 1) y comprobar de verdad cómo se ve y se usa tu web en el móvil (punto 5). Son los dos puntos donde solemos encontrar las pérdidas de conversión más grandes, y también los más rápidos de corregir.

El diseño web que convierte es el que hace que a tu cliente potencial le resulte fácil decir que sí.

Si quieres que echemos un vistazo a tu web con esta lista en la mano, en Cantabria Marketing estaremos encantados de ayudarte.