Carbono-grafito, en tres idiomas.

Modelamos y renderizamos en 3D el catálogo de Metcar: sellos, cojinetes, paletas y rotores, escobillas, zapatas de empuje. La misma luz y el mismo blanco para cada línea de producto, para que el catálogo se lea como uno solo.

En el inicio, un anillo de sello gira cuadro por cuadro con el scroll, mientras a su lado aparecen las propiedades del carbono-grafito.

Cada idioma tiene sus propias URL, y cada visitante llega al suyo. Las páginas y los productos se traducen en el CMS, el blog sigue el idioma de HubSpot, y los diseños en chino se ajustaron para que los titulares y las animaciones funcionen con caracteres de ancho completo.

China continental necesitaba más que una traducción. Las imágenes de Prismic, los scripts de HubSpot y las etiquetas de Google no cargan allá, así que el sitio en chino vive en su propio espejo, metcar.com.cn, en Alibaba Cloud en Hong Kong.

En Prismic, el equipo de Metcar arma páginas con 29 secciones y unos 80 diseños, y edita 19 familias de producto, 263 páginas de aplicaciones y seis industrias. Publicar actualiza el sitio en segundos, con una vista previa en vivo antes.

El catálogo prediseñado se filtra por tipo, categoría y material. En la base de conocimiento, las certificaciones, los catálogos y las fichas técnicas se pueden elegir y descargar juntos, y los archivos restringidos se desbloquean con un link firmado que llega por correo. La historia de la empresa, desde 1945, se lee como una línea de tiempo.

Cada formulario del sitio, de una solicitud de cotización a una suscripción al newsletter, llega a HubSpot como contacto. El blog se escribe en HubSpot y se muestra con el diseño del sitio, y se actualiza minutos después de publicar.

Las vacantes de la página de About vienen directo de ADP Workforce Now, el sistema que RR. HH. ya usa, y cada una lleva a su solicitud.

La primera vez que alguien llega, la marca de Metcar se dibuja sola y Carbon Graphite Solutions se escribe letra por letra mientras carga la página. A partir de ahí, las páginas cambian con una transición en lugar de un destello en blanco, y las secciones entran con el scroll, como las dos líneas de producto que se deslizan a su lugar.