As part of the interview process at Volopay in Dec 2022, I was given a 2 day home assignment. Before we jump right in, here is a quick overview of the product.
Build a comprehensive login/signup flow for users onboarding into a fintech platform.
A comprehensive Low-Fidelity Login and Sign up flow for a UPI payment application consisting of all the use cases covered in detail while being secure.
Following the design processes doesn't just give users an intuitive and pleasurable experience - it poses an opportunity for designers to iterate and improve their designs.
On examining the user segments of the Volopay application based on the type of spending, I was able to categorise them as follows:
Through user research, I identified that ease of use, efficiency, clarity, and data security are top priorities for users during the Sign-Up and Sign-In process.
For the sign-up process, I focused on defining the key steps in the user journey and corresponding user actions to identify potential touch-points. This approach ensures a clear, structured flow from the initial inquiry through to ongoing support, facilitating a seamless user experience.
The Account Creation and Verification phase is the critical focus of the sign-up process. I broke down the user actions, along with their goals and experiences, to identify potential pain points.
This analysis highlights where improvements can be made in both the sign-up and sign-in flows, ensuring a smoother, more efficient user journey.
Now that we have a detailed step-by-step analysis of the user journey for both the sign-in and sign-up flows, the next step is to outline the ideal user flow. This will ensure users can efficiently navigate through each phase with minimal friction.
Through user research, I identified that ease of use, efficiency, clarity, and data security are top priorities for users during the Sign-Up and Sign-In process.
These screens focus on smooth step transitions, clear setup instructions, real-time feedback, and flexible options, enhancing user engagement and reducing drop-off rates.
This wireframe follows a predictable and user-friendly pattern with clear input fields, document upload sections, and immediate verification methods for key details like phone numbers. The logical grouping of information and consistent use of buttons and tabs ensures ease in navigation and minimal user friction.
The intuitive wireframe layout, with consistent elements like progress bars and structured form fields, guides users seamlessly through each step while offering flexibility for corrections or updates.
The intuitive wireframe layout, with consistent elements like progress bars and structured form fields, guides users seamlessly through each step while offering flexibility for corrections or updates.
To improve the flow of the onboarding process depicted in the wireframes, here are two actionable suggestions that will enhance user experience, reduce friction, and increase engagement: