#ux/ui.designer{
position: adaptive;
float: right;}
float: right;}
Visa Checkout Software Development Kit (SDK) is Visa Checkout's payment interface for in-app purchasing within merchant store apps.
In 2016, Visa Checkout acquired a new design system. It was created to replace the Visa Checkout legacy design and to unify all Visa digital products under one design language. This redesign project was the first interface implementation of the new system.
I was responsible for conducting research, developing concepts and wirefames, providing support for user testing, and producing the final deliverables of UX flows, screens, and design specs.
UX/UI Designer
• 2 Designers
• 1 Product Managers
• 2 Development Teams
Visa Checkout has been struggling to generate consistent user growth because, as research has shown, a majority of users were not familiar with the product and many saw little to no benefit in switching from their preferred payment method.
With the release of the new digital design system at this time, Visa saw this redesign as an opportunity to increase product awareness and to modernize into a more relevant and user-friendly payment experience. Starting with Visa Checkout's in-app interface (SDK), Visa wanted to improve its checkout interface with more user-focused design solutions and modern tech enhancements.
- Using the new design system to improve and modernize the current card management and checkout experiences to simplify product usage
- Redesigning login experience with the new design language and a more contemporary process to streamline user access to their payment method
- Designing this interface while restricted by Visa Checkout legacy code base for both the user experience and visual language
- Developing SDK payment experiences with both the new design system and legacy design
(click images to learn more)
(click images to learn more)
- With the SDK Legacy UX Map, I found the payment management and checkout experience (review screen) had some non-intuitive interactions, making it difficult and confusing to use
- Interviews for User Persona Profiles found that users prefer payment services that provide easy customization, modern login security, and easy-to-use interactions for an overall simple and seamless experience
1) Creating a new review screen to allows for better payment customization and to simplify the checkout experience
2) Designing a login process with a more modern experience and easy-to-use interactions
3) Incorporating the new designs and experiences within the current legacy interface
(click image to learn more)
(click images to learn more)
(click images to learn more)
- With the login feature, most users liked the new biometric feature since it was easier to access their payment info, and those who preferred manual login found the redesigned experience to be more modern and streamline
- The majority of users found the redesigned card management and checkout experience to be intuitive and easy to use
- All had no issues or experience problems with the visual difference between the legacy and new design
1) Make small changes on checkout and login experience based on user testing
2) Fix visibility and usability of navigation for card management experience
3) Complete and deliver all SDK visuals, UX flows and screen specs
