MOBILE DESIGN
Payment App Experience
Adapted from a real client project, this rebranded version showcases my approach to payment app UX/UI design, focusing on usability improvements and visual refinement.
Timeline
From explorations to final designs in 2 months while working with multiple projects at the same time
Background
This project started as a client payment app that presented common user challenges, such as security concerns and interface complexity, which often led to user confusion and mistrust. As the UX/UI designer, I took on the task of rebranding and redesigning the app under the new name "Lumen" to better showcase my design skills and approach.
The goal was to enhance user trust and streamline the payment experience by simplifying the interface and incorporating robust security features, while maintaining a clean, modern visual style. This portfolio version reflects those improvements tailored to highlight my expertise in UX strategy and interface design.
This category details the step-by-step approach taken during the project, including research, planning, design, development, testing, and optimization phases.
Research & Planning
Received project requirements from my manager without direct client interaction. Conducted secondary research on the target audience and investigated security concerns and usability issues common in existing payment apps to inform design decisions.
Design & Prototyping
Designed and iterated on user flows and UI screens based on feedback from my manager, who relayed input from the client. Used this indirect feedback to refine the prototypes, ensuring alignment with client expectations and improving usability.
Development & Implementation
The client withdrew from the project due to insufficient funds, so the app was not fully built out. However, most of the development was completed with my involvement in relaying design information to developers and assisting them with any questions to ensure accurate implementation of the UX/UI.
Testing & Optimization
A beta version of the app was deployed on iOS TestFlight to enable user testing and feedback collection. This allowed us to gather early insights and identify usability issues, which informed subsequent design refinements and optimizations.
To enhance user trust and streamline the payment experience, the redesign focused on simplifying the interface and integrating robust security features.
Key solutions include risk-based payment authentication, verified user identity indicators, and a payment decline feedback system, all designed to improve transparency, security, and usability while maintaining a clean, modern visual style.
Risk-Based Authentication
Implemented PIN or biometric authentication for payments to prevent unauthorized use if a stolen device is already unlocked. This re-authentication applies selectively, allowing low-risk transactions—such as small payments or trusted contacts—to proceed smoothly without extra steps.
Verified User Identity
Added a user verification feature that confirms and displays a user’s verified identity. This builds trust by showing users that the person they are transacting with has been authenticated through secure identity verification methods.
Payment Decline Feedback
Added a feature that allows users to provide a reason when declining a payment. This improves transparency and communication between users, helping to clarify payment disputes and enhance the overall user experience.
Although the product was not officially released and user feedback was not collected, the anticipated results include:
Increased User Trust
Increased user trust through enhanced security and verified identities.
Smoother Payment Experience
Smoother payment experience with reduced friction for low-risk transactions.
Improved Transparency
Improved transparency and communication with features like payment decline reasons.