Hi Ken, it looks great!

Unfortunately, for unrecognised card types it makes it impossible to proceed. I have just tried a maestro card number (beginning 6759) and am unable to enter any of the additional details (expiry, etc).

It may be worth adding a generic fallback for cards that are not recognised to account for unexpected edge cases.

Keep up the good work!

GREAT CATCH! Thank you. I totally missed Maestro Card as a product. I'll get it added ASAP. The fallback is a good idea, too!

Glad you liked it :)

Ken, have you seen this [1] Wikipedia page?

http://en.wikipedia.org/wiki/List_of_Issuer_Identification_N...

This list of BINs/IINs is not very accurate beyond the first two digits identifying card network.

Don't forget UnionPay either then :)

I like it I feel that this is one instance where skeumorphism goes well. I can look at my actual card and visually match what info goes where without having to be told. One thing, I think it would be simpler for a user if the card showed both sides at once, rather than requiring the user to flip it to fill out the other side.

The spirit of your post on the topic and the execution of the idea are just awesome.

I hope that came across in my original comment - appreciate you giving us testers more fuel for the fire!

One minor improvement I would make is to prefetch the backgrounds for the specific card types (Visa, MC, Amex) so that the swapping appears seamless. This is a great idea and I will totally keep it in mind for future projects.

The "flip to the other side" to fill out the CVV is great. I might provide a second button/link, appearing once the CVV is completed, that says something to the effect of "valid input, next step"

Another minor improvement (if possible) would be to load the bank's logo, when that can be determined by logo.

Great product, I'd use it if I had a shopping cart!