Saltar al contenido
Volver a proyectos

Plataforma de operaciones industriales

Flujos guiados para digitalizar registros de producción dentro de un sistema existente

Rol

Diseño UX/UI + Frontend

Equipo

Estudio de 3 personas + equipo cliente

Periodo

2026 · En producción · En desarrollo

Herramientas

Paper, Vue 3, Pinia, GitHub

Alcance

Discovery con stakeholder, UX/UI, Sistema de componentes, Frontend

Plataforma de operaciones industriales — Flujos guiados para digitalizar registros de producción dentro de un sistema existente
Contexto

Del registro manual a flujos guiados

Parte de la operación todavía dependía de cuadernos y hojas de cálculo. Nombres escritos de distintas formas, cantidades incorrectas y registros difíciles de interpretar obligaban a la responsable de operaciones a corregir información antes de utilizarla.

El producto ya existía como un SaaS con módulos y permisos por rol. Mi trabajo no fue rediseñar toda la plataforma, sino mejorar una parte crítica: los formularios que se completan desde tabletas y teléfonos dentro de un entorno industrial.

Reto

Reducir la carga sin perder información operativa

La responsable de operaciones necesitaba datos estructurados para alimentar reportes. Quienes capturaban la información necesitaban una experiencia directa, con menos elementos visibles al mismo tiempo y menos oportunidades de introducir valores incorrectos.

La solución también debía integrarse en un producto existente y cumplir una ventana de entrega corta.

Simplificar el formulario no significaba eliminar información, sino solicitarla en el momento correcto.

Evidencia

Lo que sabíamos y lo que faltaba validar

La dirección inicial provino de conversaciones con la responsable operativa y del feedback continuo del equipo cliente. Estos insumos permitieron identificar inconsistencias frecuentes en nombres y cantidades.

La validación directa con operadores sigue en curso. Por eso, este caso no presenta porcentajes de mejora ni afirma que el nuevo flujo haya eliminado los errores.

El proceso anterior se representa sin nombres ni datos operativos del cliente.
Decisiones clave

Hacer visible el avance y recuperable la interrupción

Flujo por etapas

El equipo eligió una estructura multipaso sobre mi propuesta vertical inicial para reducir la información visible a la vez en móvil.

Validación antes de avanzar

Cada etapa explica su objetivo, valida datos obligatorios y permite regresar sin perder información antes del resumen final.

Recuperación del borrador

Un composable compartido conserva localmente el paso y el estado para que una recarga accidental no reinicie la tarea.

Un sistema para tres formularios

Encabezados, progreso, validación, patrones responsive y tokens compartidos mantienen consistencia entre flujos.

Tres flujos construidos con un sistema de interacción compartido.
Progreso, campos enfocados y validación dentro de una etapa.
La validación accionable evita avanzar con información incompleta.
Implementación

Diseñar dentro de un producto que ya estaba en marcha

El reto técnico principal fue incorporarme a una base Vue existente, comprender sus convenciones y entregar cambios sin afectar módulos desarrollados por otras personas.

Implementé los tres formularios públicos con Vue 3 y composables compartidos, los adapté para escritorio y móvil, y entregué el trabajo mediante ramas y pull requests revisados por el responsable técnico.

Inicio, captura y revisión conservan legibilidad dentro de un flujo móvil estrecho.
Resultado actual

Flujos integrados; impacto todavía en medición

Los tres flujos están integrados en el sistema y sus datos apoyan la siguiente etapa de reportes. El equipo continúa recopilando evidencia para determinar si la estructura reduce errores y tiempo de captura.

El resultado verificable hoy no es un porcentaje: es una experiencia operativa funcional que llegó a producción y ahora puede mejorar mediante uso real.

La capa de reportes continúa en desarrollo activo.
Reflexión

Qué llevaría al siguiente producto operativo

  • Comprender las reglas de un producto existente antes de proponer otras.
  • Permitir que la evidencia y la colaboración mejoren una postura inicial.
  • Diseñar e implementar el mismo flujo reduce pérdidas entre diseño y desarrollo.
  • Definir la medición antes del lanzamiento, no reconstruirla después.