Daily UI: #002 Credit Card Checkout

The task was to create a credit card form. When creating the design of a credit card, I relied on the questions that would arise in the user's head:

1. What form of payment does the store or organization accept? Hence I showed a choice: credit card, paypal or apple pay.

2. The ability to give the user to add another card. Sometimes users have doubts, and not scammers, personally, I always have an additional card, on which I put the amount that is sufficient for the purchase and pay with it, if I am not sure about the store or organization in which I make the purchase.

3. When it comes to entering the card number, many users have a question: "There are spaces in my card number, should I take them into account when entering or not? "To cope with this, it is necessary to limit the characters entered only to numbers, that is, 0-9. So if the user presses the space bar, it doesn't show up on the screen and doesn't affect the numeric format.

4. Also in the expiration date input field of the map, the user just needs to enter the date himself, this is a big plus, he does not need to select the date and month from the list and think that the 08 month is August. This makes the task easier for the user and speeds up the process of filling out the form

5. And of course, the ability to save the card data, so as not to enter them many times