Anadea Labs Alyona Syvokobylska

Checkout Animated Flow

  • Save
Checkout Animated Flow credit card keyboard ux ui application app animation checkout payment card

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

keyboard shortcuts: L or F like