Shopify Checkout responsive payment ui ux

Shot2

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

Tags

keyboard shortcuts: L or F like