Arquitectura moderna y limpia

Rediseño web: el anterior quedó más moderno y vendió exactamente igual

Caso real · Fabricante industrial B2B tras un rediseño estético que no movió una sola métrica

Casi toda empresa ha vivido este ciclo: la web «se ve antigua», se aprueba un rediseño, sale más moderna y, unos meses después, las ventas y las consultas siguen donde estaban. El problema no fue el diseño; fue que el diseño no perseguía ningún objetivo de negocio. Fue un cambio de piel, no de músculo.

Un rediseño que mueve el negocio no empieza por el aspecto. Empieza por una pregunta incómoda: ¿qué decisión queremos que tome más gente, y qué se lo impide hoy? Todo lo demás —arquitectura, contenidos, estética— trabaja para esa respuesta o sobra.

Proyecto CRO y optimización web

De dónde partíamos

«Mi web parece antigua y no transmite lo que somos; los rediseños anteriores fueron un cambio de estética que no movió las ventas.»

Un fabricante industrial B2B que vende a través de un equipo comercial. La web era el primer filtro: donde el cliente potencial decidía si pedir información o seguir buscando. El rediseño anterior, de un año antes, había modernizado la imagen sin tocar ni la estructura ni los contenidos. Resultado: misma tasa de contacto, mismo tipo de consultas mal cualificadas.

Aquel proyecto se había encargado con un brief de imagen: renovar la página web para que pareciera la de una empresa actual. Se cumplió. Nadie había escrito qué tenía que cambiar en el negocio, así que nadie pudo decir después si había funcionado, más allá de que gustaba en la oficina.

Lo que costaba una web que solo había cambiado de piel

La factura de la inversión. Un rediseño web cuesta meses de trabajo interno además del presupuesto de la agencia. Haberlo hecho sin objetivo significaba volver a pagarlo, esta vez con el comité mucho menos dispuesto a creer que serviría de algo.

La factura comercial. Las consultas seguían llegando desde empresas que no encajaban: pedidos demasiado pequeños, sectores que no atendían, peticiones de piezas que no fabricaban. Cada una exigía una llamada para descartarla, y ese tiempo salía de los clientes que sí eran buenos.

La factura técnica. Los compradores industriales, a menudo ingenieros, llegaban buscando capacidades concretas, tolerancias o certificaciones. La web nueva era más bonita, pero esa información seguía enterrada en un PDF o no estaba. Quien no la encontraba pedía presupuesto a otro fabricante que sí la mostraba.

Lo que descartamos, y por qué

Elegir plantilla y volcar el contenido de siempre. Rápido y barato, y exactamente lo que había fallado la vez anterior. Una plantilla nueva con la misma arquitectura repite el mismo resultado con otra tipografía.

Diseñar contra la web de la competencia. Copiar la estructura de otro es heredar sus decisiones sin conocer sus datos. Sus clientes no deciden como los tuyos.

Rediseñar y publicar sin validar. Rehacerlo todo según nuestro criterio y descubrir en producción si funciona. Es apostar el trimestre a una intuición.

Empezar por elegir la tecnología. La primera reunión del proyecto anterior había sido sobre el gestor de contenidos. Es una decisión necesaria, pero no la primera: la herramienta tiene que servir a una estructura que todavía no existía.

Lo que buscábamos era una web que cambiara una decisión concreta del cliente, comprobada antes de construirse.

La idea que decide el proyecto: un rediseño se mide por una decisión, no por una opinión

Un rediseño web orientado a negocio se define antes de dibujar nada: qué decisión del cliente queremos cambiar y cómo sabremos si ha cambiado.

Con esa pregunta respondida, el orden del proyecto sale solo. Cada fase depende de la anterior, y la estética, que en el rediseño anterior fue lo primero, pasa a ser lo último:

Pregunta Qué la responde Cuándo se decide
Qué decisión queremos que tome más gente Un objetivo de negocio medible Antes de cualquier boceto
Qué se lo impide hoy Research con comercial y con clientes Fase 1
Cómo se ordena la información Arquitectura y contenidos Fase 2 y 3
Cómo se ve Diseño visual al servicio de lo anterior Fase 4

El método

Fase 1. Research y objetivo de negocio

Entrevistas con comercial y con clientes para entender qué información necesita alguien para pedir presupuesto con confianza, y qué dudas le frenan. El objetivo se fijó en concreto: más consultas, y mejor cualificadas.

Las dudas se repetían. Los clientes querían saber si el fabricante podía asumir su volumen, con qué materiales y tolerancias trabajaba, qué certificaciones tenía y si había resuelto antes un problema parecido en su sector. El equipo comercial confirmó el otro lado: las consultas buenas llegaban casi siempre de quien ya sabía esas respuestas por otra vía.

Fase 2. Arquitectura y contenidos antes que estética

Se reordenó la información según el recorrido de decisión del cliente —capacidades, casos, prueba, contacto— y se reescribió lo que hacía falta. La estética vino después, al servicio de esa estructura.

Las fichas técnicas salieron del PDF y pasaron a ser páginas consultables. Se añadieron casos por sector con el problema resuelto y, en el formulario de contacto, dos preguntas que permitían al equipo comercial saber de antemano si la consulta encajaba. Así se trabaja la captación de leads cualificados desde la propia web: dando al buen cliente lo que necesita para decidir y al que no encaja, las pistas para darse cuenta solo.

Fase 3. Wireframes y prototipo validado antes de construir

Las pantallas clave se probaron en prototipo con usuarios del perfil objetivo antes de que se desarrollara nada. Validar en un prototipo cuesta días; descubrir el fallo en producción cuesta otro rediseño.

Los wireframes permitieron discutir el orden y el contenido de cada pantalla sin que nadie opinara sobre colores. En las pruebas, varios ingenieros buscaron primero las capacidades de fabricación y después los casos, así que ese fue el orden que se construyó.

Fase 4. Diseño visual que refuerza marca y guía la conversión

Solo entonces el diseño visual: coherente con la nueva identidad y orientado a llevar la mirada hacia la acción, no a decorar.

Fase 5. Lanzamiento sin perder lo que ya funcionaba

Antes de publicar, se revisó qué páginas de la web anterior traían tráfico desde Google y se redirigió cada una a su equivalente nueva, para que el rediseño no costara posiciones ganadas durante años. La medición se configuró antes del lanzamiento, con las mismas definiciones que la web anterior, para poder comparar sin trampas.

Resultados

Indicador Antes → después
Consultas comerciales desde la web +58%
Consultas cualificadas (encajan con el cliente objetivo) del 41% al 67% de las consultas
Tiempo del comercial en descartar consultas malas −40%

La diferencia con el rediseño anterior no fue el talento del diseñador: fue el orden. Primero la decisión de negocio, luego la estructura, luego la estética. Cuando se invierte ese orden, se obtiene una web más bonita que vende igual.

El equipo comercial cambió de relación con la web. Las consultas llegaban con la información necesaria para preparar la primera llamada, y los comerciales empezaron a enviar a los clientes a páginas concretas de capacidades y casos en lugar de adjuntar catálogos.

La web se convirtió en una herramienta de venta, no en un folleto. Cuando se incorpora una capacidad nueva o se cierra un proyecto relevante, se publica con la misma estructura, sin esperar al próximo rediseño.

Y lo que más pesa a medio plazo: la empresa ya no necesita un rediseño completo cada pocos años para sentir que la web está al día. Tiene un objetivo, una medición y un criterio para mejorarla por partes.

Datos ilustrativos de un caso real anonimizado. Tu punto de partida y tus cifras variarán según la web y el sector.

Por qué lo hacemos así

La mayoría de los rediseños que no funcionan fallan antes de empezar: en el encargo. Si el objetivo es que la web parezca moderna, eso es lo que se consigue, y nada más.

Un rediseño de sitio web que mueve el negocio necesita tres cosas:

  • Un objetivo de negocio concreto y medible, fijado antes de ver un solo boceto.
  • Arquitectura y contenidos construidos a partir de las dudas reales de los clientes, no de la estructura de la web anterior.
  • Validación en prototipo antes de desarrollar y medición comparable antes y después del lanzamiento.

Dónde no aplica: si tu web tiene un problema técnico concreto, como un formulario que falla o una versión móvil rota, un rediseño es una respuesta desproporcionada y conviene arreglar eso primero. Y si la empresa aún no tiene clientes a los que entrevistar, el research tendrá que apoyarse en el equipo comercial y en la competencia, con más hipótesis que certezas.

Preguntas frecuentes

¿Qué es un rediseño web orientado a negocio?

Es un rediseño que parte de un objetivo comercial medible, como más consultas o consultas de mejor calidad, y organiza todo el proyecto para conseguirlo. Primero se investiga qué necesita el cliente para decidir, después se ordenan la arquitectura y los contenidos, se valida en prototipo y solo al final se trabaja la estética. Se diferencia de un lavado de cara en que su éxito se mide en negocio, no en opiniones.

¿Cuándo conviene hacer un rediseño de sitio web?

Cuando la web deja de ayudar a vender y el problema no se arregla con cambios puntuales: los clientes no encuentran la información que necesitan para decidir, las consultas que llegan no encajan o la estructura ya no refleja lo que ofrece la empresa. Que la web parezca antigua, por sí solo, no justifica un rediseño completo si sigue cumpliendo su función comercial.

¿Por qué un rediseño web no mejora las ventas?

Normalmente porque solo cambia la estética. Si la estructura, los contenidos y el recorrido del cliente siguen siendo los mismos, el visitante toma las mismas decisiones que antes, aunque la web sea más atractiva. También influye no haber fijado un objetivo medible: sin él, el proyecto se evalúa por gusto y nadie detecta que el resultado comercial no ha cambiado hasta meses después.

¿Cómo conseguir más leads cualificados desde la web?

Dando al cliente adecuado la información que necesita para decidir y ayudando al que no encaja a darse cuenta antes de contactar. Eso se consigue mostrando capacidades, casos y pruebas concretas, y añadiendo al formulario alguna pregunta que permita valorar la consulta. Una web que explica bien para quién es genera menos consultas vacías y más conversaciones comerciales útiles para el equipo de ventas.

¿Para qué sirven los wireframes y el prototipo en un rediseño?

Los wireframes son esquemas de cada pantalla sin diseño visual. Sirven para decidir qué información aparece y en qué orden sin que la conversación derive hacia colores o tipografías. El prototipo web convierte esos esquemas en algo navegable que se prueba con usuarios reales. Juntos permiten detectar errores de estructura en días, antes de que el desarrollo los convierta en un problema caro.

¿Es mejor renovar la página web por partes o rediseñarla desde cero?

Depende de dónde esté el problema. Si la estructura y los contenidos funcionan y solo fallan algunas páginas o la imagen, renovar por partes es más rápido y menos arriesgado. Si la arquitectura ya no refleja cómo decide el cliente, un rediseño completo tiene sentido, siempre que empiece por el objetivo de negocio y no por la estética. Una vez hecho bien, la web puede mejorarse por partes.

¿Podrías decir qué decisión del cliente cambió tu último rediseño? Si la respuesta es que la web quedó más moderna, ya sabes por qué las consultas siguen igual.

Cuéntanos qué esperas que haga tu web y qué hace hoy, y en la primera conversación sabremos si necesitas un rediseño completo o arreglar lo que frena al cliente.