Saltar al contenido
← Volver a proyectos

Divisan: Plataforma de operaciones industriales

Convertir registros de piso de fábrica en datos estructurados para reportes operativos en tiempo real

Rol

UX Engineer

Equipo

Estudio de 3 personas + equipo Divisan

Periodo

2026 · En producción · En desarrollo

Herramientas

Paper, Vue 3, Pinia, GitHub, Ollama

Alcance

Discovery con stakeholder, UX/UI, Sistema de componentes, Implementación frontend

Divisan: Plataforma de operaciones industriales — Convertir registros de piso de fábrica en datos estructurados para reportes operativos en tiempo real

Resultado

Tres flujos productivos están activos con 20 usuarios registrados en piso de fábrica.

Decisión clave

Pasar de formularios largos a pasos guiados con validación antes de avanzar.

Trade-off

Reducir complejidad visible sin quitar el detalle operativo que necesitan los dashboards.

Siguiente medición

La reducción de errores y el tiempo de captura siguen en medición post-lanzamiento.

Capturar bien desde la fábrica

Divisan fabrica identificación para ganado. Los cuadernos, hojas de cálculo y Google Forms generaban registros incompletos o inconsistentes que la analista debía corregir.

Desde mayo de 2026, diseñé e implementé los formularios móviles del sistema existente, respetando sus roles y permisos.

Menos carga, el mismo detalle

La analista necesitaba datos confiables para sus reportes mensuales; los operadores, una captura clara en teléfonos y tabletas.

Tuvimos un sprint, sin presupuesto adicional ni acceso directo a operadores. Trabajé con Gabriela en diseño; Mario se encargó del backend y las decisiones finales.

Simplificar el formulario no significaba eliminar información, sino pedirla en el momento adecuado—un paso a la vez.

Evidencia y límites

La analista y el equipo de Divisan reportaron errores en productos, cantidades y registros de operadores. Esa información orientó el diseño.

Revisamos la implementación en desarrollo antes de publicarla. Aún falta validación de usabilidad directa con operadores.

El proceso en el que Divisan confiaba antes de los formularios digitales guiados.

Progreso visible y recuperación ante interrupciones

Flujo multi-paso en lugar de scroll vertical

El equipo eligió un enfoque por pasos sobre mi propuesta vertical inicial para reducir la cantidad de información visible a la vez en pantallas móviles.

Validación antes de avanzar

Cada etapa valida los datos obligatorios antes de permitir avanzar, con mensajes de error claros y navegación hacia atrás sin perder información.

Persistencia local del borrador

Un composable compartido guarda el paso actual y el estado del formulario en localStorage para que una recarga accidental no reinicie la tarea.

Un sistema para tres formularios

Encabezados, indicadores de progreso, validación y patrones responsive compartidos mantienen consistencia entre los flujos de materia prima, scrap y almacén laser.

Tres flujos de producción—materia prima, vena y scrap, scrap almacén y laser—construidos con un sistema de interacción compartido.
Paso 1 de 6: el formulario comienza con el contexto de producción—fecha, operador y máquina.
Paso 5 de 6: un resumen completo permite verificar todos los datos antes de enviar.

Tres flujos, una base compartida

Implementé formularios de 4 a 6 pasos en Vue 3, con componentes dinámicos y composables compartidos para guardar el estado en localStorage.

Cada flujo combina progreso visible, validación y revisión final. El diseño se adapta a pantallas móviles sin perder los datos al volver atrás.

Inicio, paso y resumen mantienen legibilidad en un viewport móvil estrecho.

En producción; impacto en medición

Los tres flujos están integrados y actualizan los dashboards en tiempo real. El sistema cuenta con 20 usuarios registrados.

La reducción de errores y el tiempo de captura siguen en medición.

Los dashboards se actualizan en tiempo real conforme los operadores completan cada formulario.

Qué llevaría al siguiente producto operativo

  • →Incorporarse a un código existente requiere entender sus reglas antes de proponer otras.
  • →Diseñar e implementar el mismo flujo cierra brechas de interacción que suelen perderse en la entrega.
  • →Definir la medición antes del lanzamiento, no intentar reconstruirla después.

¿Ves una oportunidad para trabajar juntos?

Hablemos de un rol o proyecto