Improve the payment experience with animations

Behind the scenes of Stripe Checkout

It’s easy to see how designing forms can be seen as a chore that detracts from the time that could be spent on more exciting parts. Yet, if you think about it, the payment form is part of the checkout flow, the point at which a user is on the verge of committing to trusting you and your business with their vote of confidence. This experience should really be as great as possible, and using animations correctly can really improve this experience.

Animations add context

Play MP4

Shake shake shake

Play MP4

Sleight of hand

Play MP4

Button transitions

Play MP4

Bonus round

Play MP4

@michaelvillar on Twitter

Designer Fund invests between $350k — $1M in early stage startups and helps them succeed with design support and our network of design experts.