Fabricación industrial · Web de producto
Un catálogo industrial que se puede consultar, enlazar y encontrar
- Proyecto
- Codelift
- Año
- 2026
- Servicios
- Diseño web · Desarrollo web a medida · Arquitectura de catálogo · SEO técnico · Hosting y mantenimiento
Codelift diseña y fabrica en Cornellà cuadros de maniobra, placas electrónicas y botoneras para ascensor. Venden a instaladores, conservadoras y distribuidores de toda España. Tenían el producto documentado hasta el último borne, pero repartido en PDF y presupuestos antiguos. Diseñamos y desarrollamos su web de principio a fin: catálogo, fichas técnicas y petición de presupuesto, en castellano, catalán e inglés.
El reto
Quien compra un cuadro de maniobra no busca inspiración: busca si aguanta 32 paradas, si habla CANopen LIFT y si sirve para una instalación sin cuarto de máquinas. Codelift tenía esa información, pero para llegar a ella había que pedirla por teléfono o rescatar un PDF de un correo de hace dos años. El resultado era previsible: el comercial repetía las mismas quince respuestas cada semana, y el instalador que buscaba «maniobra hidráulica compacta» a las once de la noche acababa en la web de otro fabricante. Una fábrica con producto propio desde 2017 se estaba presentando como si no tuviera catálogo.
Ordenar el catálogo antes de diseñarlo
Lo primero fue decidir cómo se navega un catálogo industrial. Aquí hay dos formas de buscar y las dos son legítimas. Están los que ya conocen la referencia (ORIÓN, MOVILIFT, BP-408, BR-400) y van directos a ella. Y están los que llegan desde la instalación: hidráulico, tracción VVVF, con o sin cuarto de máquinas, montacargas, unifamiliar. Montamos las dos entradas. Cada familia de producto tiene su ficha con configuraciones, protocolos y límites reales de carga, velocidad y paradas; cada tipo de maniobra tiene su propia página que recoge lo que sirve para ese caso. Nada de un PDF que se descarga y muere en la carpeta de descargas.
Diseño y sistema visual
El sistema visual imita un plano técnico: retícula tenue de fondo, tipografía condensada en mayúscula para los rótulos y monoespaciada para los datos, y un único acento en azul eléctrico para lo que se puede pulsar. Va en dos temas, claro y oscuro, con el conmutador en la barra de navegación y la preferencia guardada entre visitas. Un fabricante de electrónica se juega la credibilidad en el detalle, así que el diseño se apoya en la precisión y no en la decoración: tablas de especificación legibles, jerarquía clara entre familia, configuración y dato, y las fotos de planta y de armario donde toca. Definimos componentes reutilizables para las fichas, de modo que añadir una referencia nueva sea rellenar datos y no rediseñar una página. Todo pensado primero en móvil, porque una parte de estas consultas se hacen a pie de hueco, con el teléfono en la mano y guantes puestos.
Arquitectura técnica, idiomas y SEO
La web está hecha con Astro y desplegada en servidores ubicados en España, con generación estática y assets optimizados: carga instantánea, Lighthouse en verde y Core Web Vitals dentro de umbral. Va en tres idiomas (castellano, catalán e inglés) con las URLs traducidas y los hreflang recíprocos bien puestos, que es la parte donde suelen fallar los sitios multilingües. El SEO se trabajó desde la estructura: cada tipo de maniobra es una página con su intención de búsqueda propia («cuadro de maniobra sin cuarto de máquinas», «maniobra hidráulica»), con datos estructurados y textos que usan el vocabulario del sector, no el del folleto. Las preguntas frecuentes recogen las dudas que antes se resolvían por teléfono. Hosting, SSL y mantenimiento van en la suscripción.
El resultado
Codelift tiene ahora un catálogo que se puede enlazar. El comercial manda una URL en lugar de adjuntar un PDF de doce megas, el distribuidor consulta compatibilidades sin llamar y el instalador que busca por tipo de instalación encuentra la página que le corresponde. La petición de presupuesto llega con el contexto puesto: número de paradas, tipo de accionamiento y normativa aplicable, así que la conversación arranca donde antes terminaba la primera llamada. El catálogo crece con la fábrica: cada referencia nueva es una ficha más, sin tocar el resto del sitio.
Equipo de Codelift
Antes mandábamos PDFs y explicábamos lo mismo veinte veces. Ahora el cliente entra, mira la ficha y nos escribe ya sabiendo qué necesita.