

Diseño UI/UX
App para franquicias
de marca de café.

Acerca de
En un mercado competitivo, las relaciones con los clientes comerciales son clave.
"Moka", una de las marcas de café y alimentos más reconocidas de Argentina, enfrentaba un desafío importante: optimizar la gestión de pagos de sus franquicias y clientes mayoristas.
El proceso manual, a través de múltiples canales, era ineficiente, propenso a errores y dificultaba el seguimiento de los pedidos y las finanzas.
Para modernizar esta interacción, diseñamos "Moka app", una aplicación móvil que centraliza y agiliza la gestión de cobros y pagos.
Esta herramienta no solo simplificó la vida de los comerciantes, sino que también fortaleció la relación comercial con "Moka", dándoles mayor autonomía y control sobre sus finanzas.
Empresa
Globant
Equipo
María Cecilia Massano - Project Manager
Francisco Garat - Product Manager
Mariana Scoccimarro - Product Manager
Osar Monzon - Cyber security
Yonathan Daniel - DevOs
Gonzalo Petraglia - TL, Solution Owner, SME
Carlos Lillo - Arquitecto, SME
Ariel Vila - TD
Mi rol
Diseñadora UI/UX

El desafío
El proceso de pago y seguimiento de pedidos de los comercios de "Moka" presentaba fricciones significativas que afectaban a ambas partes:
-
Para los comercios:
-
Falta de visibilidad: Los comerciantes no tenían un lugar centralizado para ver el estado de sus facturas, vencimientos, o el historial de pagos. Esto generaba incertidumbre y la necesidad constante de contactar a "Moka" para obtener información.
-
Acceso limitado a financiación: No existía una forma ágil para solicitar financiación de facturas, lo que les impedía acceder a capital de trabajo en momentos clave, limitando su capacidad de crecimiento.
-
Proceso de pago manual y disperso: Los pagos de facturas se realizaban de forma manual a través de transferencias bancarias, lo que generaba demoras, errores de conciliación y falta de un registro claro de lo abonado.
-
-
Para "Moka":
-
Ineficiencia operativa: El equipo de administración dedicaba mucho tiempo a la conciliación manual de pagos y la gestión de cobranzas, lo que reducía su productividad y aumentaba el riesgo de errores.
-
Dificultad en el seguimiento: Era complicado tener una visión en tiempo real del estado de la cartera de clientes, lo que dificultaba la toma de decisiones financieras y comerciales.
-

-
Onboarding y seguridad: Incorporamos un proceso de registro digital sencillo y seguro, con autenticación biométrica y doble factor para proteger los datos de los usuarios y las transacciones.
-
Opciones de financiamiento: La aplicación permite solicitar financiación para facturas específicas con solo unos clics, con opciones de monto y cuotas preestablecidas. Esto empodera a los comercios para gestionar su flujo de caja de manera más eficiente.
-
Pagos con QR: Se implementó la generación de códigos QR para que los comercios puedan recibir pagos de sus propios clientes y usar esos fondos para pagar facturas de "Moka", creando un ecosistema financiero cerrado.
3. Roadmap de Producto (MVP y Evolutivo):
-
Definimos un MVP (Producto Mínimo Viable) enfocado en las funcionalidades más críticas: visualización de facturas, calendario de pagos, y la activación de financiación.
-
Planteamos un roadmap evolutivo con nuevas funcionalidades como la integración de programas de lealtad, asegurando que la aplicación siga creciendo y añadiendo valor.
Nuestra solución
Para resolver estos problemas, diseñamos y desarrollamos "Moka app", una solución que actúa como un centro de control financiero para los comerciantes, todo desde su smartphone.
¿Cómo lo atacamos?
1. Fase de descubrimiento e investigación:
-
Realizamos entrevistas con los equipos clave de "Moka" (Product Owner, Gerencia de Sistemas, Finanzas) y con una muestra de comercios para entender a fondo sus dolores, necesidades y flujos de trabajo.
-
Mapeamos el journey de pago actual, identificando los puntos de fricción y las oportunidades de mejora.
-
Validamos la viabilidad técnica con el equipo de desarrollo, confirmando la integración con los sistemas existentes (SAP, BIND) para asegurar una solución robusta y segura.
2. Diseño de la experiencia (UX/UI):
-
Flujo de pago simplificado: Creamos un flujo intuitivo que permite a los comerciantes visualizar sus facturas pendientes y pagarlas directamente desde la app mediante una CVU única. Esto eliminó la necesidad de transferencias manuales y el riesgo de errores.
-
Dashboard financiero: Diseñamos un panel de control inicial que les da a los usuarios una vista clara y rápida de sus finanzas:
- Facturas y vencimientos: Un calendario de pagos organizado con recordatorios automáticos.
- Historial de transacciones: Un registro detallado de todas las operaciones realizadas.
- Límites de crédito: Visualización de la capacidad de financiamiento disponible.

Impacto y resultados
El lanzamiento de "Moka app" transformó la relación con los comercios y generó un impacto positivo tanto para ellos como para "Moka".
-
Para los comercios:
-
Aumento de la autonomía: Los usuarios ganaron control total sobre sus finanzas, pudiendo ver, gestionar y pagar sus facturas en cualquier momento y lugar, sin depender de llamadas o correos.
-
Mejor gestión de flujo de caja: La facilidad para acceder a la financiación de facturas les permitió liberar capital para otras necesidades del negocio, como la adquisición de insumos o el pago de salarios.
-
Visibilidad 24/7: La información consolidada y actualizada en tiempo real eliminó la incertidumbre y mejoró la confianza en la marca.
-
-
Para La Virginia:
-
Reducción de costos operativos: La automatización de los pagos y la conciliación liberó al equipo de administración para tareas de mayor valor, optimizando la eficiencia interna.
-
Mejora en la relación comercial: La aplicación actuó como una herramienta de fidelización, al ofrecer una experiencia de usuario moderna y fluida que se diferencia de la competencia.
-
Visión estratégica: El sistema de reporting y seguimiento de pagos proporciona datos valiosos sobre el comportamiento de los clientes, permitiendo a "Moka" tomar decisiones más informadas sobre su estrategia financiera y comercial.
-

Prototipo

User personas



User journey map




