DropZone. Entrega masiva de documentos y gestión de metadatos
Diseño de una herramienta web para que equipos de ingeniería carguen, organicen y entreguen grandes volúmenes de documentos técnicos, con edición de metadatos inline en miles de archivos, manejo de errores multinivel y un flujo de entrega pensado para la precisión operativa.
Gestionar miles de documentos técnicos sin perder el control
Los equipos de ingeniería necesitaban entregar grandes lotes de documentos técnicos — hasta 1.000+ archivos por entrega — cada uno con metadatos precisos: título, número de revisión, número de tag, número de equipo y clasificación de disciplina. El proceso existente era propenso a errores y difícil de gestionar a escala.
El desafío era diseñar una herramienta que hiciera que las operaciones masivas se sintieran manejables, con edición inline, visibilidad clara de errores y un flujo de entrega que guiara a los usuarios desde la carga hasta el envío sin perder el rastro del estado o los fallos.
Diseñadora UX/UI, responsable del diseño de interfaz end-to-end de la herramienta, incluyendo el logo e identidad visual de DropZone, el dashboard de entregas con cuatro estados, el flujo de carga masiva con progreso en tiempo real y manejo de errores, la tabla de metadatos con edición inline y controles de columna para datasets de 1.000+ filas, y un sistema de notificaciones multinivel (Error, Aviso, Nota). Se extendieron los componentes del sistema de diseño corporativo para cubrir patrones de interacción de alta densidad de datos no contemplados anteriormente.
Flujo de carga con seguimiento de errores inline — los archivos fallidos se marcan individualmente y pueden reintentarse para mantener la entrega limpia antes del envío.
La tabla de metadatos: edición inline en múltiples campos por archivo, con filtros de columna, controles de orden y paginación para entregas de 1.000+ documentos.
Modal de edición de múltiples valores: permite asignar varios números de tag a un único documento sin salir del contexto de la tabla.
Modo pantalla completa para flujos de trabajo con alta densidad de datos: expande la tabla para maximizar los registros visibles y reducir el scroll en entregas grandes.
Manejo de errores diseñado con un tono humano: comunica los fallos con claridad y sin jerga técnica, manteniendo al usuario orientado y en control.
Una herramienta construida para la precisión operativa, a cualquier escala.
La interfaz hizo posible que los equipos de ingeniería gestionaran entregas de documentos complejas, con control total de metadatos, visibilidad sobre los errores y un flujo claro desde la carga hasta el envío. Diseñar para alta densidad de datos a esta escala requirió especial atención a la jerarquía, el feedback y los momentos en que algo sale mal.