Checkout Animated Flow

  • Save
Card1

2 Attachments

Here's the Checkout flow that makes payment by the credit card more clear, realistic and intuitive. The keyboard for expiration date is represented with two separated parts for month and year. Card flip demonstrates where CVV can be found.

Prototype was created by using FramerJS
Check out it http://share.framerjs.com/gsxg9kshah3h/

keyboard shortcuts: L or F like