Daily UI challenge #002 — Credit card checkout

Design a credit card checkout form or page.

For this challenge, I am designing a payment gateway screen. It can be integrated with any e-commerce application.

The payment amount is pre-filled by the form based on the item the user is purchasing.

The card details such as name, number, expiry date, etc are entered by the user.

Help text is provided to identify the security code based on the type of card.

A prompt indicating that transaction is secure is added to emphasise sensitive user data is handled safely.