top of page
Fondo-Universo-06_edited.jpg

Diseño UI/UX

App para franquicias
de marca de café.

background_edited.jpg

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

background_edited.jpg

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.

background_edited.jpg
  • 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.

background_edited.jpg

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.

background_edited.jpg

Prototipo

background_edited.jpg

User personas

User persona 1.png
User persona 2.png
background_edited.jpg

User journey map

Journey map.png
bottom of page