Virgil Pana

Shopify Checkout responsive payment ui ux

  • Save
Shopify Checkout responsive payment  ui ux gif interaction animation flat ux card checkout shop ecommerce ui

2 Attachments

See Extended Video Longer version that shows: automatic card detection based on card number, card visual fields associations, responsive page reflow, sticky card behaviour on mobile

Large Image(Real Pixels) Print screens of the actual html page so it may not look as pixel-perfect of your sketch or ps designs 😜

Transitions/interactions done with jQuery and ScrollMagic.js

Card detection with regular expressions taken from here

My Twitter | Instagram

keyboard shortcuts: L or F like