Todos los proyectosCaso de estudio

XIBI Systems: de un sitio informativo a uno que muestra el producto.

XIBI lleva visión artificial a las tejedurías para detectar fallas mientras se produce. Su web contaba lo que hacen; el rediseño lo muestra: el equipo ANGUI y el tejido, modelados en 3D.

Cliente
XIBI Systems
Rubro
Visión artificial para tejeduría
Qué hice
Rediseño web, identidad en pantalla y modelado 3D
Tecnología
Astro, Three.js
Nueva página de XIBI Systems: titular "Menos defectos. Más valor en cada metro." y debajo una tira de tejido en 3D con una falla.
01Punto de partida

Un sitio que explicaba, pero no mostraba.

Página de inicio anterior de XIBI Systems: foto de una máquina circular con el titular "Reducí la producción de tela defectuosa y aumentá la rentabilidad de tu planta".
Sitio anterior, xibisystems.com.
  • Mensaje general. El titular hablaba de reducir tela defectuosa, sin concretar qué hace distinto a XIBI.
  • Producto escondido. El equipo aparece en una foto de fondo, sin explicar cómo trabaja ni qué lo diferencia.
  • Sin forma de dimensionar el problema. No había una manera de estimar cuánto pierde una planta por fallas detectadas tarde.
02Qué cambió

Un sitio pensado para que una planta pida una charla.

  1. Un mensaje que dice qué ganás

    Del titular genérico sobre reducir tela defectuosa a "Menos defectos. Más valor en cada metro.", con un llamado claro a hablar de tu planta.

  2. Un recorrido con orden

    Lo que la planta pierde, la solución (ANGUI), por qué ahora (industria 5.0), cómo se trabaja, la prueba en producción (Grupo Ritex) y las preguntas frecuentes.

  3. Una calculadora de pérdidas

    El visitante estima cuánto valor está en juego por máquina en su propia planta.

  4. El producto, a la vista

    ANGUI deja de ser una foto de fondo: se muestra ensamblándose en 3D y se explica con casos reales.

Sección de ANGUI en el sitio nuevo: foto del equipo con aro de luz y un valor de referencia por máquina.
ANGUI, con un valor de referencia por máquina.
Sección de Grupo Ritex: foto de una máquina circular con el equipo instalado.
La prueba en producción real, con Grupo Ritex.
03Modelado 3D

El producto y el tejido, en tres dimensiones.

Dos escenas hechas con Three.js, sin archivos de modelo: todo se genera con código. Probalo acá: armá y desarmá el equipo ANGUI y girálo con el mouse o el dedo.

Modelo 3D del equipo ANGUI: cámara, aro de luz, soporte, disipadores y cables.

Versión simplificada del equipo, armada para esta página. La original se ve en el sitio de XIBI.

Intro del sitio de XIBI: el equipo ANGUI desarmado, con sus piezas flotando.
Intro: las piezas flotan separadas…
Intro del sitio de XIBI: el equipo ANGUI casi ensamblado, con luces azules en los conectores.
…y se ensamblan antes de entrar al sitio.
Detalle de la tira de tejido en 3D: puntos de malla azules con una falla marcada por una línea de escaneo.
Tejido modelado punto a punto, con una falla escaneada.
  • La intro se puede saltar y el tejido cae a un patrón plano si el equipo no admite 3D o el visitante pidió menos movimiento.
  • Three.js se carga solo cuando hace falta, para no frenar la primera pantalla.
04En el celular

El tejido 3D también viaja en el bolsillo.

Sitio nuevo de XIBI en un celular: titular, botón de contacto y la tira de tejido en 3D.

Misma jerarquía en pantalla chica: titular, un botón principal y el tejido debajo, con menú colapsado. Un solo recorrido para quien llega desde WhatsApp o redes.

Contame qué necesitás.

Escribime y en una charla corta vemos cómo te puedo ayudar. Sin compromiso y sin tecnicismos.