🚛 Andina – UX/UI & Frontend Developer

Una aplicación móvil industrial para operarios de bodega que optimiza el proceso de picking y carga de pallets, integrando detección automática de productos con inteligencia artificial. Diseñada para operar en condiciones extremas, en movimiento y con mínima interacción táctil.

Featuring insights from:

Ignacio Salvo

Product Designer & UX/UI

Andina

Overview

En los centros logísticos de gran escala, los operarios deben cargar pallets de forma precisa, bajo presión y en condiciones difíciles: ruido constante, uso de guantes, gafas, y maquinaria pesada. La carga mal ejecutada puede afectar directamente la trazabilidad, generar errores de despacho o problemas con el sistema SAP. Andina nace como una solución para digitalizar este proceso, facilitar la verificación visual de productos y confirmar la carga de manera segura y rápida, apoyada por inteligencia artificial.

Sector

Logistics; Industrial

Team size

4 personas – diseño, frontend, backend, inteligencia artificial

My Role

UX/UI Designer y Frontend Developer

Project Type

Industrial / Logística / Aplicación Móvil

Core features

Real-time updates, Industrial UI, Offline support

Share this content:

Problem

Los operarios de bodega trabajan con guantes, lentes, ruido y maquinaria en movimiento. La app debía integrarse a tablets adheridas a la máquina y funcionar sin errores, incluso bajo presión.

Approach

Diseñamos una experiencia centrada en el contexto. Flujos sin scroll, botones grandes, feedback visual inmediato y navegación declarativa.

Outcomes

Reducción de errores de picking
Aumento de la trazabilidad
Mejora de la autonomía del operario

Usuarios & Desafíos

Los operarios de bodega trabajan con guantes, lentes, ruido y maquinaria en movimiento. La app debía integrarse a tablets adheridas a la máquina y funcionar sin errores, incluso bajo presión. El principal desafío fue lograr una interfaz clara y reactiva en tiempo real.

Investigación

Realizamos observación directa en terreno, entrevistas a operarios y supervisores, y pruebas piloto en condiciones reales. Identificamos que la claridad visual era prioritaria, y que las imágenes de productos eran esenciales para confirmar la carga sin errores.

Ideación & Diseño

Diseñamos una experiencia centrada en el contexto. Flujos sin scroll, botones grandes, feedback visual inmediato y navegación declarativa. Toda la app fue pensada para usarse con una sola mano, sin distracciones ni ambigüedades.

Prototipado & Pruebas

Iteramos con prototipos en Figma, luego con una versión funcional en Expo/React Native. Probamos directamente en bodega con tablets industriales, y refinamos en base a observaciones de uso real. La retroalimentación fue clave para adaptar el diseño a la realidad del operario.

Sistema Visual & Arquitectura

El sistema se compuso de componentes declarativos reutilizables, integrados con WebSocket para comunicación en tiempo real. Hooks personalizados gestionan conexión, estados de carga, alertas y actualizaciones de la app desde S3 sin necesidad de reinstalar el APK.

Resultados & Aprendizajes

La app permitió reducir errores de picking, aumentar la trazabilidad, y mejorar la percepción de autonomía del operario. Aprendí que diseñar para condiciones industriales exige claridad radical, empatía situada, y decisiones técnicas robustas desde el inicio.