Billetera Móvil
Prototipo de Billetera Móvil para Consultoras de Ventas
01
Contexto del Proyecto
Belcorp, una compañía multinacional de cosméticos, buscaba mejorar la forma en que sus representantes de ventas administraban sus finanzas. La solución consistió en una billetera móvil que simplificó la gestión financiera y mejoró significativamente la experiencia de usuario.
02
Desafío
Las representantes de ventas enfrentaban dificultades para gestionar los pagos de sus clientes, mantener registros financieros y acceder a la información de sus ganancias. Esto resultaba en ineficiencias operativas y frustración por parte de las usuarias.
Sistema de Diseño Billetera Móvil
El sistema de diseño para la Billetera Móvil de Belcorp se construyó bajo los pilares de 'Confianza y Accesibilidad', asegurando que las representantes de ventas pudieran gestionar sus finanzas con total seguridad.
Tokens de color
Paleta primaria, secundaria y neutros definidos para garantizar contraste y consistencia.
Brand/belcorp y Text/Titles: marca y títulos
Text/Paragraph: texto principal
Basic/white: superficies
Basic/gray4: fondos
Basic/gray3: bordes
Basic/gray2: estados deshabilitados
Basic/gray: texto auxiliar
Basic/danger: errores y montos negativos
Basic/warning
Brand/esika: marca del grupo
Brand/cyzone: marca del grupo
Brand/lbel: marca del grupo
Escala tipográfica
Tipografía principal: SF Pro & SF Pro Rounded (App móvil iOS)
Componentes y estados
Primitivas interactivas construidas con los tokens de color, radios y jerarquía.
Botones
Campos de formulario
Solución
Desarrollamos una billetera móvil intuitiva con las siguientes características:
- Dashboard financiero personalizado
- Seguimiento de pagos en tiempo real
- Gestión simplificada de transacciones
- Notificaciones automáticas de pagos
- Integración con sistemas bancarios locales
Proceso de Diseño
Investigación
Realizamos entrevistas con más de 50 representantes de ventas para entender sus necesidades financieras, puntos de dolor y flujos de trabajo actuales.
Diseño UX
Creamos flujos de usuario, wireframes y prototipos interactivos basados en los hallazgos de investigación para garantizar una experiencia fluida y centrada en el usuario.
Diseño UI
Desarrollamos un sistema de diseño coherente con la identidad de marca de Belcorp, utilizando elementos visuales intuitivos y accesibles.
Pruebas de Usabilidad
Realizamos múltiples rondas de pruebas con usuarias reales para refinar la interfaz y resolver problemas de usabilidad antes del lanzamiento.
Prototipo y pantallas clave
Explora los flujos principales y pantallas de alta fidelidad de la arquitectura del producto.
Resultados
Aumento en la eficiencia de gestión financiera
Reducción en errores de registro de pagos
Satisfacción de las usuarias
Esta solución de billetera móvil transformó la gestión financiera para las representantes de ventas de Belcorp, impulsando mejoras significativas en la eficiencia y rentabilidad de la empresa. El proyecto demuestra cómo el diseño UX estratégico puede abordar desafíos empresariales complejos mientras mejora la calidad de vida del usuario final mediante experiencias digitales reflexivas.
¿Un reto parecido?
¿Tienes un sistema complejo que necesita claridad?
Conversamos directo y vemos qué conviene atacar primero.