Fabricació industrial · Web de producte
Un catàleg industrial que es pot consultar, enllaçar i trobar
- Projecte
- Codelift
- Any
- 2026
- Serveis
- Disseny web · Desenvolupament web a mida · Arquitectura de catàleg · SEO tècnic · Allotjament i manteniment
Codelift dissenya i fabrica a Cornellà quadres de maniobra, plaques electròniques i botoneres per a ascensor. Venen a instal·ladors, conservadores i distribuïdors de tot Espanya. Tenien el producte documentat fins a l'últim born, però repartit en PDF i pressupostos antics. Vam dissenyar i desenvolupar la seva web de principi a fi: catàleg, fitxes tècniques i petició de pressupost, en castellà, català i anglès.
El repte
Qui compra un quadre de maniobra no busca inspiració: busca si aguanta 32 parades, si parla CANopen LIFT i si serveix per a una instal·lació sense cambra de màquines. Codelift tenia aquesta informació, però per arribar-hi calia demanar-la per telèfon o rescatar un PDF d'un correu de fa dos anys. El resultat era previsible: el comercial repetia les mateixes quinze respostes cada setmana, i l'instal·lador que buscava «maniobra hidràulica compacta» a les onze de la nit acabava a la web d'un altre fabricant. Una fàbrica amb producte propi des del 2017 es presentava com si no tingués catàleg.
Ordenar el catàleg abans de dissenyar-lo
El primer va ser decidir com es navega un catàleg industrial. Aquí hi ha dues maneres de buscar i totes dues són legítimes. Hi ha qui ja coneix la referència (ORIÓN, MOVILIFT, BP-408, BR-400) i hi va directe. I hi ha qui arriba des de la instal·lació: hidràulic, tracció VVVF, amb cambra de màquines o sense, muntacàrregues, unifamiliar. Vam muntar les dues entrades. Cada família de producte té la seva fitxa amb configuracions, protocols i límits reals de càrrega, velocitat i parades; cada tipus de maniobra té la seva pàgina amb el que serveix per a aquell cas. Res de PDF que es descarrega i mor a la carpeta de descàrregues.
Disseny i sistema visual
El sistema visual imita un plànol tècnic: retícula tènue de fons, tipografia condensada en majúscula per als rètols i monoespaiada per a les dades, i un únic accent en blau elèctric per al que es pot prémer. Va en dos temes, clar i fosc, amb el commutador a la barra de navegació i la preferència desada entre visites. Un fabricant d'electrònica es juga la credibilitat en el detall, així que el disseny s'aguanta en la precisió i no en la decoració: taules d'especificació llegibles, jerarquia clara entre família, configuració i dada, i les fotos de planta i d'armari on toca. Vam definir components reutilitzables per a les fitxes, de manera que afegir una referència nova sigui omplir dades i no redissenyar una pàgina. Tot pensat primer en mòbil, perquè una part d'aquestes consultes es fan a peu de forat, amb el telèfon a la mà i els guants posats.
Arquitectura tècnica, idiomes i SEO
La web està feta amb Astro i desplegada en servidors ubicats a Espanya, amb generació estàtica i assets optimitzats: càrrega instantània, Lighthouse en verd i Core Web Vitals dins de llindar. Va en tres idiomes (castellà, català i anglès) amb les URL traduïdes i els hreflang recíprocs ben posats, que és la part on solen fallar els llocs multilingües. El SEO es va treballar des de l'estructura: cada tipus de maniobra és una pàgina amb la seva intenció de cerca pròpia («quadre de maniobra sense cambra de màquines», «maniobra hidràulica»), amb dades estructurades i textos que fan servir el vocabulari del sector, no el del fullet. Les preguntes freqüents recullen els dubtes que abans es resolien per telèfon. Allotjament, SSL i manteniment van en la subscripció.
El resultat
Codelift ara té un catàleg que es pot enllaçar. El comercial envia una URL en comptes d'adjuntar un PDF de dotze megues, el distribuïdor consulta compatibilitats sense trucar i l'instal·lador que busca per tipus d'instal·lació troba la pàgina que li toca. La petició de pressupost arriba amb el context posat: nombre de parades, tipus d'accionament i normativa aplicable, així que la conversa arrenca on abans acabava la primera trucada. El catàleg creix amb la fàbrica: cada referència nova és una fitxa més, sense tocar la resta del lloc.
Equip de Codelift
Abans enviàvem PDF i explicàvem el mateix vint vegades. Ara el client entra, mira la fitxa i ens escriu ja sabent què necessita.