Saltar al contenido
Volver a los proyectos

Swiftmet

Catálogo técnico de bobinas de hilo de aluminio para Dilip Rawat, responsable comercial de Swiftmet, una empresa india

Web en vivo(se abre en una pestaña nueva)Código(se abre en una pestaña nueva)
Primera pantalla de Swiftmet: el titular «Hilo de aluminio de alta pureza, bobinado sin empalmes en catorce formatos» sobre un vídeo oscuro de bobinas, con la línea «Palwal, Haryana — para transformadores de film y fabricantes de condensadores» debajo.
Mi papel
Diseño, desarrollo, modelo de contenido y despliegue
Año
2026
Estado
En producción

Web de catálogo para Swiftmet Wire & Resin, fabricante de hilo y varilla de aluminio de alta pureza para metalizado al vacío, con planta en Haryana (India). Se construyó como competidor directo del referente del sector.

La tesis del proyecto es de negocio antes que técnica: la competencia despacha el embalaje con media frase, y Swiftmet tenía catorce formatos de bobina medidos —con las cinco cotas que deciden si la bobina entra en la metalizadora del cliente— sin publicar. Toda la arquitectura de la web existe para poner esa tabla en el centro.

Lo que tiene dentro

  1. Trilingüe (inglés, hindi y español) con negociación de idioma en el borde: 50 rutas prerrenderizadas y sólo dos funciones en servidor.

  2. Panel de Sanity dentro de la propia web, en /admin: publicar una bobina nueva actualiza la tabla en 9 segundos sin desplegar, vía webhook de revalidación por etiquetas.

  3. Las bobinas no llevan foto: se dibujan en SVG a escala desde sus propias cotas, así que el plano nunca puede contradecir la ficha.

  4. Contenido validado con zod documento a documento: una ficha incompleta se descarta con un aviso en el build en vez de tumbar la web.

Stack

  • Next.js 16
  • TypeScript
  • Tailwind CSS 4
  • Sanity
  • zod
  • Vercel
  • Playwright