Problem Statement

Completing an online payment can be a cognitively intense process. This holds especially true for card payments, which involves additional manoeuvres like receiving, entering and submitting OTP. While the technology ensures that this process flows through at a swift pace towards success, the design must ensure that the user is accurately informed about what is happening, and that all backdoors and failsafes are covered throughout the journey.

Identify and design for all possible scenarios that could be encountered during an auto-OTP detect & submit flow.

Guidelines

• Assume that the user has passed the cart/order checkout stage; you may begin your user journey from the payment page.
• Ensure that the end-to-end journey is covered (considering all possible use cases, including edge cases).
• Base your designs on Android platform only, no need to think about iOS as of now.
• Emphasise on final hi-fi designs and prototypes, you need not focus too much on empathy maps, wireframes, etc.
• Keep the 4-day time constraint in mind.
• PS. we love presentations that have no typos :)

Deliverables

• The final presentation should have the final high-fidelity designs in focus and it should be well-structured.
• Specify beforehand all assumptions and observations that led to your design decisions.
• Annotate user flows & designs wherever necessary to facilitate clarity in presentation.
• A prototype would be great, but not having one won’t harm your submission too (In which case, we presume that your screens would be sufficient to depict the flow).
• Identifying (and solving for) any unique edge cases would account for extra brownie points!

Submission

https://www.figma.com/file/PkuEm8XcfsmlX6f2UaJvRs/JusPay-Hiring-Assignment%2F-Rohan-Arora?type=design&node-id=34%3A766&mode=design&t=wqmIRpAIoGQ3Xl8N-1