eCommerce Credit Card Checkout UI

Challenge:
Design a credit card checkout form or page.

User Requirements:
- Clear directions and communication of input
- Intuitive behaviour

Design Obstacle:
- In online shopping, Checkout Forms can be rather dull experiences typing in a sequence of numbers of complete a transaction for a new and potentially exciting product.

While this is a security precaution, can a new design re-vitalise this important stage of the eCommerce experience?

Many eCommerce platforms offer out-of-the-box checkout UIs and experiences. This design aims to challenge this notion and offer a more engaging experience to shoppers.

Design Requirements:
- As a significant amount of online shopping is conducted on smartphones, the UI should be mobile-optimised as an expectation to cater for this majority.

- Select Payment Method (Mastercard, VISA, AMEX, PayPal etc)
- Input to provide Credit Card number
- Input to provide Card Holder's name
- Input to provide Expiry Date
- Input to provide CCV