We've been working on an easier way to integrate Stripe for a while, abstracting away things like card number formatting, form validation and error handling -- and we're calling it Checkout.
This shot doesn't really capture it all that well (for one, it doesn't even fit!), so check out a demo we posted: https://stripe.com/blog/stripe-checkout
(Bonus: look at the little card type animation, courtesy of @bdc!)
Of course, you can still drop down a level and control everything yourself, but we think this is a great little tool :)
over 1 year ago
That thing is near perfect you guys. You seriously nailed it. Great work @Benjamin De Cock and @Ludwig Pettersson!
You guy's have done some super work lately. Be proud.
Can't wait to use this.
Yep, this is good.
Very crisp and polished, like all of Stripe's UI design.
This looks really good!
Ooh, this looks very neat. How about a faint shadow dropping off of "Demo Sites" icon?
It's just wonderful.
@Ludwig Pettersson awesome
great work on getting this launched guys!
Flawless. You guys are really killing it on the execution.
by Ludwig Pettersson
We went through several iterations of the mobile version of Checkout. Some were more native looking than others and some had a lot of flashy animations.
The final version ended up being quite toned down in terms of eye candy. Instead, we really focused on making it feel nice to use within the constraints of mobile browsers, which have a lot of wonky behaviors.
Check out the demo on your iPhone or Android to get a feel for it :-)
over 1 year ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.