Day 004 - Credit Card Payment

Day 004 - Credit Card Payment

This modal has the same dimensions as a typical credit card.

I included an automatic card verification with a keypress listener in the card number field which would also identify the user's credit card company through the number.

The cardholder name and CVV fields have info icons which will animate out and left align to the information that they contain when selected.

I also wanted to make sure that the user wouldn't be trapped in the checkout abyss if they did want to update an item, so I included the back to cart link at the top.

Check out my blog for more updates:
http://www.colinspencedesign.com/blog