Molinos Agro: Rediseño del portal de proveedores para comercialización de granos y semillas

Antes y después — navegación y layout. El sistema original usaba pestañas horizontales que se rompían a medida que se agregaban nuevos módulos. El rediseño introdujo una barra lateral vertical fija, encabezados de sección estructurados y tablas de datos consistentes en todos los módulos. Esta única decisión arquitectónica resolvió un problema de navegación que se habría seguido agravando.

Arquitectura de información — 8 módulos, una estructura escalable. La barra lateral vertical es el eje: ocho módulos al lanzamiento, cada uno con su propia sub-estructura. El detalle de contrato es el nodo más complejo, con ocho sub-secciones que los operadores necesitan cruzar constantemente. Mapear esto primero garantizó patrones de navegación e interacción consistentes en todo el sistema. Un noveno módulo, Fletes, fue agregado después del lanzamiento sin tocar la estructura de navegación, validando que la arquitectura de barra lateral fue la decisión correcta.

Página de inicio — resumen de actividad diaria. Diseñada alrededor del flujo de trabajo diario del proveedor: los datos más urgentes visibles sin necesidad de navegar. El saldo de cuenta corriente, la actividad reciente y los accesos rápidos a módulos están en la página de inicio porque los proveedores generalmente abren el portal para verificar una cosa específica. Las cards de resumen siguen una estructura consistente repetida en todos los módulos, reduciendo la curva de aprendizaje en todo el sistema.

Mobile — el mismo contenido, diseñado para el campo. Los proveedores consultan contratos y datos de entregas en el campo, lejos del escritorio, por eso el móvil fue un requisito central desde el primer día. La página de inicio colapsa en cards apiladas con nav tipo hamburguesa. El detalle de contrato usa un patrón de acordeón: cada sub-sección colapsa de forma independiente, manteniendo el resumen visible en la parte superior sin forzar la navegación entre secciones.

Fletes — progressive disclosure en escritorio y móvil. Las proformas de flete se colapsan por defecto para reducir la carga cognitiva. Los proveedores trabajando entre entregas necesitan confirmar el estado del viaje rápidamente, no leer tablas completas. Expandir solo la proforma relevante mantiene la pantalla ordenada. En móvil, el contraste entre proformas expandidas y colapsadas en la misma pantalla muestra el patrón en acción. La misma lógica de progressive disclosure se usa de forma consistente en todas las vistas de lista en ambas versiones.

Detalle de contrato — la pantalla más densa, hecha navegable. El detalle de contrato consolida ocho sub-secciones en una única página con scroll en lugar de pantallas separadas, porque los operadores necesitan cruzar datos entre secciones constantemente. Dividirlo en páginas separadas multiplicaría la fricción de navegación en un flujo ya complejo. El layout de dos columnas y los links de contrato codificados por color reducen el tiempo de escaneo en datos financieros y logísticos densos.

Carta de porte — todos los datos en una vista. Datos de entrega, registros de descarga, aplicaciones y calidad del grano consolidados en una sola pantalla porque los proveedores necesitan los cuatro para resolver discrepancias sin navegar entre secciones. Exportar e imprimir anclados en la parte superior porque imprimir es un requisito real del flujo de trabajo para los proveedores de campo.

Cuenta corriente — saldo e historial de transacciones. El saldo actual es la información principal, anclado en la parte superior en un encabezado de alto contraste. Débito, crédito y saldo acumulado se muestran por fila para que los proveedores puedan rastrear exactamente dónde ocurrió una discrepancia. Los valores negativos en rojo siguen la convención financiera estándar para reconocimiento inmediato. Filtro por fecha y exportación a planilla cubren las dos acciones más frecuentes de los operadores en esta pantalla.

Liquidaciones — filtrado por estado con alertas inline. La navegación por pestañas separa claramente las liquidaciones aprobadas de las observadas, evitando listas mixtas donde los elementos accionables quedan enterrados. Los indicadores de error por fila muestran la documentación faltante específica sin requerir que los proveedores abran cada registro. Los filtros de múltiples columnas permiten acotar por tipo de producto o buscar por texto, cubriendo los flujos de navegación y búsqueda en la misma pantalla.