Mobile App Payment Info

Daily UI day 002:

For the credit checkout challenge, I wanted to make the checkout process as simple and straightforward as possible.

So for screen 1, when users choose to checkout, they will enter a screen with 4 fields and the first field already selected and the keyboard already popped up.

After filling out information, user enter screen 2 where the keyboard disappear. The submit button is revealed.

After submitting, users will see a success message. I added a little custom illustration at the end of this process to hopefully make this process not only seamless but also enjoyable.

Let me know what you think of this design!