Caso de estudio · CúnicoCatálogo y pedidos online
Un portal web que le da autonomía a una red de distribuidores. El vendedor ve el catálogo, hace pedidos y consulta su cuenta corriente, y todo se apoya en Milo Software, el sistema de gestión del cliente.
Un canal nuevo para vender mejor
El contexto
Steel-Way suma un sistema online de catálogo y pedidos que complementa su venta directa y suma a los distribuidores independientes. Hasta ahora esos vendedores no cargaban sus pedidos en ningún sistema: se comunicaban por fuera y consultaban con el equipo administrativo.
El desafío
Diseñar un portal web simple para el vendedor, donde pueda ver el catálogo, hacer pedidos y consultar su cuenta corriente. Y hacerlo sobre Milo Software, el sistema de gestión que el cliente ya usa para stock, precios y facturación.
Entender qué necesita el vendedor
- Reuniones quincenales con el cliente y con el equipo técnico de Milo Software durante 3 meses.
- Benchmark de modelos de venta indirecta: cómo otras marcas de consumo venden, capacitan y gestionan a sus revendedores.
- Definición de dos roles: vendedor y administrador.
- Mapa de casos de uso: qué se hace en el portal y qué queda en Milo Software.
- Prototipo ajustado en rondas con el cliente.
En el portal
- Ver el catálogo
- Armar y confirmar pedidos
- Consultar la cuenta corriente
- Pagar cuotas con link de pago
- Seguir el estado de cada pedido
En Milo Software
- Stock
- Precios y descuentos
- Altas de clientes y vendedores
- Facturación
- Registro de pagos
Cuatro etapas, un recorrido
Del alta al primer acceso
El alta del vendedor se gestiona internamente en Milo Software. El portal empieza cuando el vendedor accede.
- Con el alta hecha, el vendedor ingresa con su usuario y contraseña.
- Ve el catálogo con los precios de su lista.
Pedir en pocos pasos
Código o nombre, cantidad y listo. Precio, descuento y condición de venta llegan desde Milo Software.
- Catálogo con carga progresiva de 15 a 20 productos y el buscador primero.
- Destinatario y transporte en campos propios, no mezclados con las observaciones.
- Forma de pago a la vista: contado o cuotas.
Cada cuota, su link
El vendedor ve saldo, vencimientos y cuotas, y paga con un link de Mercado Pago.
- El link vence a las 24 horas y se avisa antes de generarlo. Se acortó para evitar links vencidos.
- Doble entrada: del pedido a su deuda, y de cada movimiento a su pedido.
- Anexar comprobante no marca el pago. La cuota sigue pendiente hasta que Milo Software lo confirma.
Saber dónde está el pedido
Lista de pedidos por estado, con detalle de entrega y código de seguimiento.
- Repetir pedido carga el carrito con precios actualizados y deja revisar antes de confirmar.
- Los datos del perfil no se editan solos: el vendedor pide el cambio y lo gestiona el administrador.
Ver el diagrama completo
Mobile primero, desktop completo
Una sola app responsive con dos layouts. Por debajo de 768 px: una columna, migas de pan y hojas inferiores. Desde 768 px: barra lateral, tablas y paneles.
Un solo criterio para cada pantalla
Tokens, tipografía y componentes pensados para que el equipo de desarrollo los reutilice en React y la app pueda crecer.
Tipografía
Barlow Condensed en mayúsculas para los títulos de pantalla. Escala distinta para mobile y desktop.
Componentes
Más de 20 componentes entre botones, campos, tablas, hojas inferiores, modales y estados del sistema.
Botones, links, pestañas y controles se reconocen por un solo color.
Pendiente, enviado o recibido no usan rojo. Los errores se resuelven con texto neutro y la acción en bordó.