Working on some new payment UI.
over 2 years ago
Great implementation of a really common UI pattern. Well done. And welcome to Dribbble!
Thanks Jason! Happy to be here.
Yea this looks good Sean. I like how the labels are very subtle. People know what to do, no need to emphasize it.
I like how intuitive it is to fill out. welcome!
It feels like the back of a credit card, brilliant!
Wow, that's just genius!
Just echoing everyone else here. Great work. More forms should be this intuitive, copying the physical card is brilliant.
Yeah, what everyone else said. Great approach, man.
That is just brilliant!
Sean, this is by far the best credit card input form I've ever seen!
I'll definitely copycat your idea when I need it! :)
I see what you did there. win.
This looks awesome Sean! Think you just started a design trend.
great to see you on Dribbble, I just got drafted today!
It took me a while to understand what all the fuss was about. To me it is not immediately understandable that it's a mockup of a credit card's back. The reason? The proportions aren't right. The form is too wide and the corner radius is too short.
Having said that, it's a good concept.
Wow yes... you my friend have just created a monster! Great concept!
i'm angry i didn't think of this,
Very clever. There's a fair chance I, and others, will be <del>stealing</del> drawing inspiration from this in the future.
Sean, would you mind if I rebounded this with my mock-up of this awesome UI?
by Jordan Singer
This is a mock-up of @seanami's Credit Card Form shot. Just added some text shadows, and other touchups.
over 2 years ago
Very nice. I'd suggest styling the select menus (even just giving them a background color, so they're drawn without the aqua). It'll probably let you bump the font size of them up too, which could push the billing zip in line with the CCV.
This is one of my favourite things I've seen on Dribbble. I hate that it seems so obvious now. I love when people think out of the box, but it ends up being something that we should have been doing all along.
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–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter