Card checkout
Namaste, creators!
Card checkout
I try to Optimize the checkout experience on the mobile card checkout page by taking into account the strengths and limitations of mobile devices. Aim to minimize the number of steps and typing and trying to help them to understand it with visualization.
Here, When you enter card details it will showcase that detail on the above virtual card. when you press that lock button it will encrypt the card number. At the end screen, we are asking the user whether he or she wants to save the card and address detail or not. And there is a CTA button by which the user will know what he or she is going to pay.
Following are some of the tips that I keep in mind while designing this design:
1) Showing the type of credit cards accepted
2) Inside the input field of the Card Number
3) Next to the label of Credit Card Number input field
4) Conveying Security
5) Name on Card
6) Card Number
7) Expiry Date
8) CVV
9) Saving the Card
10) The CTA button ( by that user will know what he or she is paying )
For more, I refer this: NNG BLOG
I wish you to find a limitless source of inspiration. Have a great day.
***
Contact me at jaybmunjani@gmail.com