Billetera Móvil - Belcorp

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.

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

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.

Color Palette

The primary, secondary, and grayscale colors defining the visual identity.

Belcorp Purple
HEX #722688 RGB 114, 38, 136
Color de marca, estados activos, botones principales
Basic Normal
HEX #485A6B RGB 72, 90, 107
Texto principal, encabezados, iconos oscuros
Basic Disable
HEX #AEAEB2 RGB 174, 174, 178
Estados deshabilitados, texto secundario, bordes
Background Light
HEX #F3F4F6 RGB 243, 244, 246
Fondos de la app
Basic White
HEX #FFFFFF RGB 255, 255, 255
Superficies de tarjetas, inputs

Typography

Primary Typeface: SF Pro Rounded (Rounded Sans Serif)

Title 24px / 700 Encabezados principales
The quick brown fox jumps over the lazy dog
Body 16px / 400 Texto de lectura
The quick brown fox jumps over the lazy dog
Caption 14px / 300 Metadatos y etiquetas
The quick brown fox jumps over the lazy dog

UI Components

Interactive elements utilizing the design tokens (Colors, Typography, Border Radius).

Buttons

Default
Hover (simulated)
Active (simulated)

Form Inputs

Please enter a valid email address.

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.

Resultados

35%

Aumento en la eficiencia de gestión financiera

42%

Reducción en errores de registro de pagos

89%

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.