Diseño web industrial: lo que el comprador busca antes de pedir presupuesto

El diseño web industrial tiene un trabajo: que un ingeniero o un comprador confirme que puedes fabricar su pieza y te pida presupuesto. Para eso hacen falta capacidades por proceso y material, lista de maquinaria, certificaciones, fichas técnicas descargables y un formulario que admita planos.

Tener web ya no distingue a nadie: según el INE, el 82,9 % de las empresas de 10 o más empleados con conexión a Internet disponía de sitio web en el primer trimestre de 2026 (INE, 2026). Lo que distingue es lo que el comprador encuentra dentro.

Y lo busca ahí: en la investigación State of Marketing to Engineers 2025, el 73 % de los compradores técnicos decía apoyarse en las webs de proveedores y en publicaciones técnicas online (TREW Marketing, 2025). Esta guía es una checklist, no una galería de webs bonitas.

Puntos clave

• Diseña para la solicitud de presupuesto, no para la portada. Cada página de capacidad termina en un formulario.
• Maquinaria, capacidades y certificaciones, en texto. Los logos y las fotos solas no responden a una búsqueda.
• El formulario admite planos en los formatos de tu oficina técnica y pide solo lo necesario para presupuestar.
• Cada ficha técnica tiene su página, con el PDF como descarga.
• Si exportas, versión en inglés con URL propia. Y las páginas legales (aviso legal, cookies, privacidad) enlazadas en el pie.

La checklist de diseño web industrial

Nueve bloques deciden si el comprador pide presupuesto o vuelve a los resultados de Google. Revisa tu web contra cada uno:

Bloque	Qué tiene que mostrar	Hecho cuando
Capacidades por proceso	Una página por proceso: qué fabricas, tamaños de pieza, series de prototipo a producción	Cada proceso tiene su URL y su botón de presupuesto
Materiales	Todos los materiales y calidades que trabajas	El comprador busca «316L» en la página y lo encuentra
Lista de maquinaria	Tipo, marca y modelo, ejes, área de trabajo, número de máquinas	Es una tabla en texto, no solo fotos
Tolerancias y acabados	Tolerancias estándar y máximas, acabados, operaciones secundarias	Las cifras están en la página
Certificaciones	Norma, alcance, planta y vigencia, con el certificado enlazado	Aparecen en texto en cada capacidad que cubren
Fichas técnicas y CAD	Fichas y descargas CAD de los productos estándar	Cada PDF tiene su página equivalente
Sectores y piezas	Piezas reales que puedas enseñar, con fotos y texto alternativo	Cada página de sector enseña al menos una pieza
Formulario de presupuesto	Adjuntar planos, cantidad, material, plazo	Funciona en el móvil con un archivo STEP real
Contacto y ubicación	Dirección, teléfono, horario, quién responde los presupuestos	Visible en la cabecera o el pie de todas las páginas

El menú sigue la misma lógica: Capacidades, Sectores, Maquinaria, Calidad, Empresa y Pedir presupuesto. El comprador navega por lo que necesita, no por tu organigrama.

Estas páginas también son las que posicionan. Cómo escribirlas para que el ingeniero las encuentre, en nuestra guía de SEO industrial.

Fichas técnicas: primero la página, el PDF como descarga

Google incluye el PDF entre los tipos de archivo que puede indexar, así que un PDF puede posicionar. El problema llega cuando lo hace: el comprador aterriza en un archivo sin menú, sin productos relacionados y sin botón de presupuesto, y en el móvil tiene que ampliar una tabla que no puede buscar.

Dale a cada ficha su página: una descripción breve, los datos clave en una tabla, las descargas de PDF y CAD, y el botón de presupuesto. La página es la que posiciona y convierte. El PDF es lo que el ingeniero guarda en la carpeta del proyecto. Es también el enlace que mandas cuando escribes a un cliente que dejó de comprar, como en nuestra campaña para reactivar clientes inactivos.

No pidas el email para descargar una ficha técnica: frena al comprador que estaba a punto de pedir precio. Si pides datos, que sea por recursos más profundos, como una biblioteca CAD completa o una guía de diseño.

El formulario que admite planos

Todo lo demás existe para llevar al comprador aquí. Un formulario que rechaza un STEP grande, o que pide doce campos antes de adjuntar, pierde el presupuesto en el último paso.

Campo	Por qué lo necesita la oficina técnica	¿Obligatorio?
Nombre, empresa, email	Para enviar el presupuesto	Sí
Adjuntar planos	STEP, IGES, DXF, DWG o PDF, varios archivos a la vez	Sí, con opción de «lo envío después»
Cantidad	Un prototipo y una serie anual no tienen el mismo precio	Sí
Material y acabado	Suele venir en el plano, pero no siempre	No
Plazo necesario	Decide si puedes presupuestar o no	No
¿Cómo nos has conocido?	Le dice a marketing qué canal trajo la solicitud	No
Teléfono	Hay compradores que prefieren una llamada	No

Cuatro detalles pesan tanto como los campos:

• Ajusta el límite de subida a modelos 3D, no a fotos. Revisa el tope de tu herramienta de formularios antes de publicar.
• Ofrece un acuerdo de confidencialidad. Una línea como «¿Necesitas un NDA antes de enviar el plano? Te mandamos el nuestro» quita una razón para no adjuntarlo.
• Pregunta dónde se guardan los archivos. Si recibes planos sujetos a control de exportación, deben ir a un almacenamiento aprobado por quien lleve el cumplimiento, no a un buzón compartido.
• Confirma en pantalla y por email qué pasa después y quién responderá.

Junto al botón de envío, la información básica de protección de datos que exige el RGPD, con enlace a la política de privacidad.

Versión en inglés y páginas legales

Si exportas, la versión en inglés va con URL propia. Google recomienda una URL distinta para cada idioma, en lugar de cookies o ajustes del navegador que cambian el texto (Google Search Central). Un traductor automático que reescribe la página en el navegador no te da una página en inglés.

• Carpeta /en/ con todo el contenido traducido, no solo el menú, y etiquetas hreflang entre versiones.
• Traducción revisada por alguien del sector, con medidas en milímetros y en pulgadas si vendes a Estados Unidos.
• Español neutro o con el vocabulario de cada mercado si vendes en Latinoamérica: en México se dice «maquinado», en España «mecanizado».

Las páginas legales no las explicamos aquí, pero tienen que estar enlazadas en el pie de todas las páginas:

• Aviso legal con los datos de la empresa que pide la LSSI, en su artículo 10.
• Política de cookies y un banner que permita rechazar, según la guía de cookies de la AEPD.
• Política de privacidad para los datos que recoge el formulario de presupuesto.

Páginas que cargan en el móvil de planta

Un técnico de mantenimiento que busca un recambio puede estar junto a la máquina parada, con el móvil y poca cobertura. Esa es la visita que tu web tiene que ganar.

Google indexa y posiciona la versión móvil de tus páginas, rastreada con un agente de smartphone (Google Search Central). Una tabla de especificaciones que solo existe en escritorio no existe para posicionar.

Métrica	Qué mide	Bien
Largest Contentful Paint (LCP)	Cuándo aparece el contenido principal	En 2,5 segundos o menos
Interaction to Next Paint (INP)	Lo rápido que responde la página al tocarla	200 milisegundos o menos
Cumulative Layout Shift (CLS)	Cuánto salta el diseño al cargar	0,1 o menos

Los umbrales son de web.dev, medidos en el percentil 75 de las cargas. Lo que suele arreglarlos en webs industriales: fotos de maquinaria comprimidas y al tamaño en que se muestran, sin vídeo de portada en reproducción automática en el móvil, tablas que se desplazan en horizontal y teléfono con enlace para llamar.

Y nada de animaciones al hacer scroll ni intros animadas: lucen en un escaparate de diseño y hacen esperar al comprador que mira el móvil. Mide el resultado con nuestro chequeo gratuito de salud web, que da la nota en móvil y las Core Web Vitals.

Cómo rediseñar una web industrial, paso a paso

Primero el contenido, después el diseño.

1. Haz inventario: páginas, PDF, certificados, lista de maquinaria y las URL que hoy reciben tráfico de Google (2 horas).
2. Lee 20 solicitudes de presupuesto recientes y apunta qué preguntaba el comprador antes de poder recibir precio (1 hora).
3. Escribe las capacidades, la maquinaria y la calidad con un ingeniero antes de abrir ninguna herramienta de diseño (de 1 a 2 días).
4. Monta el formulario y pruébalo en el móvil con un STEP real y un plano en PDF (2 horas).
5. Crea una página para cada ficha técnica (30 minutos por ficha).
6. Redirige cada URL antigua a la nueva con una 301 y prueba el mapa con nuestro comprobador de redirecciones (de 2 a 4 horas).
7. Revisa velocidad, sitemap y robots.txt con nuestras herramientas SEO gratis (1 hora).
8. Mide las solicitudes de presupuesto como evento clave en Google Analytics 4, con la página de entrada enviada al CRM (1 hora).

Suma las horas antes de pedir presupuesto a una agencia. En una web con diez capacidades y 40 fichas técnicas, el paso 5 ya son 20 horas, y el paso 3 ocupa de uno a dos días de un ingeniero. Buena parte del trabajo de una web industrial es ese contenido, así que pide que cada propuesta diga quién lo escribe y cuántas páginas cubre.

Plantilla o desarrollo a medida importa menos que este orden. Una plantilla con capacidades reales y un formulario que admite planos te dará más que una web a medida con fotos de stock y un «contacta con nosotros». Después del lanzamiento, revisa unas semanas el informe de indexación de páginas de Search Console: lista las URL que Google conoce y no ha indexado, con el motivo, y ahí se ve lo que rompió la migración.

Errores comunes en el diseño web industrial

• Un carrusel de fotos de stock en la portada. Empuja las capacidades fuera de la pantalla. Solución: una línea sobre lo que fabricas y, debajo, piezas y máquinas reales.
• «Contacta con nosotros» como única forma de pedir precio. Solución: un formulario con adjunto de planos, enlazado desde cada capacidad.
• La maquinaria solo en fotos. Solución: una tabla con marca, modelo, ejes y área de trabajo.
• Certificados como logos. Solución: norma, alcance y planta en texto, con el certificado enlazado.
• Fichas técnicas solo en PDF. Solución: una página por ficha y el PDF como descarga.
• Relanzar sin redirecciones. Las URL antiguas con enlaces y posiciones dan error. Solución: un mapa de 301 probado antes de publicar.
• Un traductor automático para exportar. Solución: páginas traducidas con URL propia y revisadas.

Preguntas frecuentes

¿Qué debe incluir una página web industrial?

Como mínimo: una página por capacidad con materiales, tolerancias y acabados; la lista de maquinaria en texto; las certificaciones con alcance y planta; las fichas técnicas como páginas con el PDF en descarga; piezas reales por sector; datos de contacto en todas las páginas; y un formulario de presupuesto que admita planos. Si exportas, la versión en inglés con URL propia.

¿Por qué es importante que una empresa industrial tenga página web?

Porque el comprador investiga antes de llamar. Ingenieros y compradores buscan el proceso, el material o la certificación, comparan proveedores en sus webs y piden presupuesto a los que les dan los datos. Una empresa sin web, o con una web que no enseña capacidades ni admite planos, no entra en esa comparación aunque fabrique mejor que el resto.

¿Sirve un catálogo en PDF para el SEO?

Sirve como descarga, no como página principal. Google puede indexar PDF, pero quien aterriza en uno no tiene menú, ni productos relacionados, ni botón de presupuesto, y en el móvil se lee mal. Crea una página por producto o ficha con los datos clave en una tabla y deja el PDF y el CAD como descargas desde esa página.

¿Cuánto tiempo tarda el desarrollo de una web industrial?

Depende del número de capacidades y productos, de los idiomas y de las integraciones con ERP o CRM. Lo que más tarda no suele ser el diseño, sino reunir el contenido técnico con los ingenieros: tolerancias, maquinaria, certificaciones y fotos de piezas reales. Empieza por ese contenido y el resto del proyecto avanza mucho más rápido.

¿La web industrial tiene que estar adaptada al móvil?

Sí. Google indexa y posiciona la versión móvil de tus páginas, y el ingeniero que busca proveedor puede estar en planta o entre reuniones, con el teléfono. Comprueba que las tablas de especificaciones se desplazan en horizontal, que el teléfono se puede pulsar para llamar y que el formulario permite adjuntar un plano desde el móvil.

Qué hacer ahora

En resumen: el diseño web industrial es una checklist, no un estilo. Capacidades, maquinaria, certificaciones y fichas en texto, un formulario que admite planos, versión en inglés si exportas y páginas que cargan rápido en el móvil.

Esta semana, abre tu formulario de presupuesto en el móvil e intenta enviar un STEP real. Si falla, ese es tu primer arreglo.

¿Quieres una mirada externa? Te grabamos un diagnóstico gratis en vídeo de 60 segundos: cómo te ve un comprador en Google y en ChatGPT frente a tus competidores, y si quieres ayuda, un presupuesto con alcance cerrado. Mira nuestros servicios para la industria.

¿Prefieres hablarlo? Reserva una llamada de 30 minutos.