Mobile Wallet
Mobile Wallet Prototype for Sales Representatives
01
Project Context
Belcorp, a multinational cosmetics company, was looking to improve how their sales representatives managed their finances. The solution was a mobile wallet that simplified financial management and significantly enhanced the user experience.
02
Challenge
Sales representatives were facing difficulties managing customer payments, maintaining financial records, and accessing information about their earnings. This resulted in operational inefficiencies and frustration for the users.
Mobile Wallet Design System
The design system for Belcorp's Mobile Wallet was built on the pillars of 'Trust and Accessibility', ensuring that sales representatives could manage their finances with complete security.
Color Tokens
Primary, secondary, and neutral system tokens built for contrast and consistency.
Brand/belcorp and Text/Titles: brand and titles
Text/Paragraph: main text
Basic/white: surfaces
Basic/gray4: backgrounds
Basic/gray3: borders
Basic/gray2: disabled states
Basic/gray: helper text
Basic/danger: errors and negative amounts
Basic/warning
Brand/esika: group brand
Brand/cyzone: group brand
Brand/lbel: group brand
Typography Scale
Primary Typeface: SF Pro & SF Pro Rounded (iOS mobile app)
UI Component States
Interactive primitives sharing token geometry, borders, and typographic rules.
Buttons
Form Inputs
Solution
We developed an intuitive mobile wallet with the following features:
- Personalized financial dashboard
- Real-time payment tracking
- Simplified transaction management
- Automatic payment notifications
- Integration with local banking systems
Design Process
Research
We conducted interviews with over 50 sales representatives to understand their financial needs, pain points, and current workflows.
UX Design
We created user flows, wireframes, and interactive prototypes based on research findings to ensure a smooth and user-centered experience.
UI Design
We developed a cohesive design system aligned with Belcorp's brand identity, using intuitive and accessible visual elements.
Usability Testing
We conducted multiple rounds of testing with actual users to refine the interface and address usability issues before launch.
Interactive Prototype & UI Screens
Explore key flows and high-fidelity screens from the product architecture.
Results
Increase in financial management efficiency
Reduction in payment recording errors
User satisfaction
This mobile wallet solution transformed financial management for Belcorp's sales representatives while driving significant improvements in company efficiency and profitability. The project demonstrates how strategic UX design can address complex business challenges while enhancing end-user quality of life through thoughtful digital experiences.
Similar challenge?
Have complex software that needs clarity?
Let's talk directly—I'll tell you what makes sense to tackle first.