Shopify Checkout responsive payment ui ux

by Virgil Pana

Save
Like

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

JavaScript Not EnabledUploading an attachment requires the use of JavaScript. If you'd like to upload an attachment, please enable JavaScript in your browser and refresh this page.

2 Attachments

card.mp4 8 MB

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