Nos pasa casi cada mes: llega un cliente con un logo precioso, un manual de marca cuidado y una web que no vende nada. Y la pregunta siempre es la misma: «si la imagen es buena, ¿por qué no entran pedidos?». La respuesta incomoda un poco: porque un logo no vende. Vende un diseño web que convierte, y eso es una disciplina completamente distinta a hacer las cosas bonitas.
Una web mal diseñada no es (solo) una web fea. De hecho, las más peligrosas son las que parecen correctas: tipografía elegante, fotos bien elegidas, animaciones suaves… y cero ventas. El problema no está en la capa estética, está en las capas que no se ven a simple vista: jerarquía visual, arquitectura de información, velocidad, confianza y fricción.
En Matera Marketing llevamos más de 150 proyectos entregados y 30 años de experiencia en el sector, y si algo hemos aprendido es esto: la estética es la última capa del diseño, no la primera. En este artículo te contamos qué hay debajo, qué revisamos en una auditoría de diseño y qué puedes comprobar tú hoy mismo en tu web.
Un logo no es una estrategia (y una web bonita no es una web que vende)
El logo es la firma. El diseño web es la conversación completa: qué ve el visitante al aterrizar, qué entiende en los primeros segundos, qué hace después y por qué acaba (o no) dándote su dinero o sus datos. Puedes tener la mejor firma del mundo al pie de una carta que nadie entiende: seguirá sin funcionar.
Cuando hablamos de un diseño web que convierte hablamos de decisiones medibles: dónde va cada bloque, qué se dice primero, cuánta fricción hay hasta el contacto, qué pruebas de confianza ve el usuario antes de comprar. La decoración —colores, degradados, animaciones— es la capa final. Si las capas de abajo fallan, pulir la de arriba es maquillar el problema, no resolverlo.
Haz esta prueba rápida: enseña tu portada durante cinco segundos a alguien que no conozca tu negocio y pregúntale tres cosas: qué vendes, para quién y qué debería hacer ahora. Si duda en cualquiera de las tres, tu problema no es el logo.
Jerarquía visual: dónde mira tu cliente (y dónde debería mirar)
La jerarquía visual es el orden en el que el ojo recorre la página. En una web bien diseñada ese orden está decidido de antemano: primero la promesa (qué problema resuelves), después la prueba (por qué creerte a ti) y por último la acción (qué hacer ahora). En una web mal diseñada el orden lo decide el azar: o todo grita a la vez, o nada destaca.
Los errores que más nos encontramos en auditorías:
- Un slider en portada con cinco mensajes distintos que nadie llega a leer completos.
- Titulares «poéticos» («Pasión por lo que hacemos») que no dicen qué vende el negocio.
- Botones principales y secundarios con el mismo color y el mismo peso: el usuario no sabe cuál es el camino.
- Diez bloques en la home con idéntico tamaño, como si el aviso legal importara lo mismo que el catálogo.
Regla práctica: en cada pantalla debe haber un solo elemento dominante. Si al entrecerrar los ojos frente a tu web no sabes qué destaca, no destaca nada. Y lo que no destaca, no se clica.
Arquitectura de información: si no lo encuentran, no existe
La arquitectura de información es cómo se organiza y se nombra el contenido. Aquí el error clásico es diseñar el menú según el organigrama interno de la empresa («Nosotros», «Filosofía», «Grupo», «Divisiones») en lugar de según lo que busca el cliente («Precios», «Servicios», «Trabajos», «Contacto»). El visitante no tiene por qué aprender tu idioma: tu web tiene que hablar el suyo.
Tres comprobaciones que hacemos siempre: que cualquier producto o servicio esté a un máximo de tres clics desde la portada; que las categorías usen las palabras que el cliente escribe en Google, no la jerga del sector; y que exista un buscador visible si el catálogo supera los 30 o 40 artículos.
En eCommerce esto se agrava, porque la navegación solo hace la mitad del trabajo: cuando el usuario llega por fin al producto, la ficha tiene que rematar la venta. Explicamos exactamente qué información necesita una ficha de producto para convertir y por qué la mayoría se queda corta.
Velocidad y móvil: el diseño también se mide en segundos
Una web lenta es una web mal diseñada, aunque parezca de premio. La velocidad no es un asunto «técnico» separado del diseño: es una consecuencia directa de decisiones de diseño. Ese vídeo de fondo en portada, esas ocho tipografías, esas imágenes de 4 MB subidas tal cual desde la cámara… todo eso lo decidió alguien en la fase de diseño, y todo eso lo paga el usuario esperando.
Los datos son tozudos: a partir de los tres segundos de carga, buena parte de las visitas abandona antes de ver nada. Da igual lo bonito que sea lo que no llegan a ver.
Y el escenario donde más duele es el móvil, porque hoy es donde está la mayoría de tu tráfico y donde la conexión y la paciencia son menores. Si tu web se diseñó en una pantalla de 27 pulgadas y luego «se adaptó», tienes un problema de raíz: te contamos por qué en mobile first: tus clientes compran desde el móvil.
Confianza, llamadas a la acción y formularios: el momento de la verdad
Todo lo anterior lleva al usuario hasta la puerta. Esta última capa decide si la cruza.
Señales de credibilidad
Antes de pagar o de dejar su teléfono, el visitante busca —a veces sin ser consciente— pruebas de que hay un negocio real detrás: datos fiscales y dirección visibles, un teléfono que se pueda llamar, fotos reales del equipo o del local en lugar de bancos de imágenes, opiniones verificables, casos de clientes con resultados concretos, políticas de envío y devolución claras y candado SSL. Ninguna de estas señales es «decorativa»: cada una que falta es una duda que se suma.
Llamadas a la acción
Cada página debe tener una acción principal, y solo una. Con verbo concreto («Pide presupuesto», «Reserva tu cita»), visible sin hacer scroll y repetida de forma natural a lo largo de la página. El clásico «Saber más» es la nada con forma de botón: no dice qué pasará al pulsarlo ni por qué merece la pena.
Formularios
Cada campo de un formulario es un peaje. Nombre, email o teléfono, y mensaje: con eso basta para el 90 % de los primeros contactos. Pedir NIF, provincia y «cómo nos has conocido» en el primer contacto es como pedir el DNI a quien entra a mirar el escaparate. Y tras el envío, di qué pasa después: «Te llamamos en menos de 24 horas laborables» convierte más que un «Gracias» genérico.
Qué revisamos en una auditoría de diseño: checklist accionable
Cuando auditamos una web no empezamos por los colores: empezamos por el recorrido del cliente, de la primera visita al pago o al contacto. Esta es, resumida, la lista que aplicamos y que puedes usar tú mismo hoy:
- Mensaje en 5 segundos: ¿la portada dice qué vendes, para quién y qué hacer ahora?
- Jerarquía: ¿hay un elemento dominante por pantalla o todo pesa igual?
- Navegación: ¿cualquier servicio o producto está a tres clics o menos, con nombres que usa el cliente?
- Velocidad: ¿la web carga en menos de tres segundos en un móvil con 4G?
- Móvil: ¿el diseño se pensó primero para móvil o es un escritorio encogido?
- Confianza: ¿hay datos de contacto reales, opiniones, casos y políticas claras?
- CTA: ¿cada página tiene una acción principal clara, con verbo, visible sin scroll?
- Formularios: ¿piden solo lo imprescindible y explican qué pasa tras el envío?
- Coherencia de marca: ¿colores, tono y tipografía son los mismos en toda la web, los emails y las redes?
- Medición: ¿sabes cuánta gente entra, desde dónde y en qué punto abandona?
Fíjate en el orden: la marca aparece en el punto 9, no en el 1. No porque no importe —importa, y mucho—, sino porque la coherencia de marca solo suma cuando lo demás funciona. Este principio de poner el orden y el proceso antes que la herramienta va mucho más allá del diseño web; es la base de cualquier transformación de negocio, y Roberto Matera lo desarrolla a fondo en su blog sobre transformación de negocios.
Caso real: la web «bonita» que no vendía
Una tienda online de alimentación gourmet llegó a nosotros con una web visualmente impecable: fotografía de producto de revista, logo rediseñado por un buen estudio, paleta cuidadísima. Conversión: por debajo del 0,4 %. El dueño estaba convencido de que necesitaba «más tráfico». No: necesitaba dejar de perder el que ya tenía.
La auditoría destapó lo de siempre, bien maquillado: la portada tardaba casi seis segundos en cargar en móvil por las fotos sin optimizar; el botón de compra era gris claro «para no romper la estética»; los gastos de envío solo aparecían en el último paso del pago; y no había ni una sola opinión de cliente en todo el sitio.
No tocamos ni el logo ni la fotografía. Comprimimos y redimensionamos las imágenes, pusimos el botón de compra en un color de acento visible, mostramos los gastos de envío desde la ficha de producto, añadimos opiniones verificadas y reducimos el checkout de cinco pasos a dos. Ocho semanas después la conversión superaba el 1,1 %: casi el triple de ventas con el mismo tráfico y la misma imagen de marca. Ese es el punto: la marca no cambió; el diseño, sí.
Estos son los patrones que más se repiten, con su causa real y su arreglo:
| Síntoma | Causa de diseño | Arreglo |
|---|---|---|
| Muchas visitas, pocos contactos | Sin jerarquía: la promesa y el CTA no destacan | Un mensaje claro y un solo CTA dominante por pantalla |
| Rebote alto en móvil | Imágenes pesadas y diseño pensado para escritorio | Optimizar imágenes y rediseñar mobile first |
| Carritos abandonados | Costes ocultos y checkout con demasiados pasos | Gastos de envío visibles desde la ficha y pago en 1-2 pasos |
| «La gente no encuentra las cosas» | Menú organizado con jerga interna | Renombrar categorías con el lenguaje del cliente |
| Formularios que nadie envía | Demasiados campos y cero contexto | Tres campos y promesa de respuesta concreta |
| Visitas que miran y no compran | Faltan señales de confianza | Opiniones, casos, datos reales y políticas claras |
Preguntas frecuentes
¿Entonces el logo y la imagen de marca no importan?
Importan, y mucho: una marca coherente genera reconocimiento y confianza con el tiempo. Lo que decimos es que el logo es condición necesaria pero no suficiente. Una gran marca sobre una web lenta, confusa y sin señales de confianza es un traje caro sobre una silla rota: nadie se va a sentar.
¿Cómo sé si mi web está mal diseñada si a mí me gusta?
Que te guste a ti es irrelevante (también nos lo aplicamos a nosotros). Mira los datos: si tienes visitas pero pocos contactos o ventas, si el rebote en móvil supera con claridad al de escritorio o si nadie pasa de la portada, hay un problema de diseño aunque estéticamente sea preciosa. La checklist de este artículo es un buen primer diagnóstico.
¿Merece más la pena rediseñar la web o hacer primero una auditoría?
Casi siempre, auditar primero. Rediseñar sin diagnóstico es repetir los mismos errores con otra estética. Una auditoría seria detecta si el problema es de velocidad, de estructura, de mensaje o de confianza, y a veces el 80 % del resultado sale de arreglar tres o cuatro cosas concretas, sin rehacer todo el sitio.
¿Cuánto se tarda en notar resultados tras corregir el diseño?
Depende del tráfico que ya tengas. Con un volumen razonable de visitas, los cambios de conversión (CTA, formularios, velocidad, confianza) se notan en semanas, como en el caso que te hemos contado. Los efectos en posicionamiento y marca son más lentos, de meses. Por eso priorizamos primero lo que convierte el tráfico existente.
Si después de pasar la checklist sospechas que tu web está dejando escapar clientes, no lo arregles a ciegas. Echa un vistazo a nuestros servicios de diseño web y eCommerce o, mejor aún, escríbenos y auditamos tu web contigo: te diremos sin humo qué está fallando, qué arreglar primero y qué puede esperar. Tu logo ya hace su trabajo; hagamos que el resto de la web haga el suyo.