Credit card form

Shot_1285822620

39 Responses (page 1 of 2)

  1. Sean McBride Sean McBride

    Working on some new payment UI.

    over 2 years ago

  2. Jason Robb Jason Robb

    Great implementation of a really common UI pattern. Well done. And welcome to Dribbble!

    over 2 years ago

  3. Sean McBride Sean McBride

    Thanks Jason! Happy to be here.

    over 2 years ago

  4. David F. Weiss David F. Weiss

    Yea this looks good Sean. I like how the labels are very subtle. People know what to do, no need to emphasize it.

    likes

    over 2 years ago

  5. Pro Tim Van Damme Tim Van Damme

    Brilliant concept!

    over 2 years ago

  6. Gal Koren Gal Koren

    I like how intuitive it is to fill out. welcome!

    over 2 years ago

  7. Pro Brad Haynes Brad Haynes

    It feels like the back of a credit card, brilliant!

    over 2 years ago

  8. Scott Cranfill Scott Cranfill

    Wow, that's just genius!

    over 2 years ago

  9. Philip Renich Philip Renich

    Just echoing everyone else here. Great work. More forms should be this intuitive, copying the physical card is brilliant.

    over 2 years ago

  10. Mat Marquis Mat Marquis

    Yeah, what everyone else said. Great approach, man.

    over 2 years ago

  11. Pro Iconfinder Iconfinder

    That is just brilliant!

    over 2 years ago

  12. Konrad Neumann Konrad Neumann

    brilliant. seriously.

    over 2 years ago

  13. Niki Brown Niki Brown

    #win

    likes

    over 2 years ago

  14. Oliver Twardowski Oliver Twardowski

    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! :)

    over 2 years ago

  15. Chad Hietala Chad Hietala

    I see what you did there. win.

    over 2 years ago

  16. David Yen David Yen

    This looks awesome Sean! Think you just started a design trend.
    great to see you on Dribbble, I just got drafted today!

    likes

    over 2 years ago

  17. Andrea Austoni Andrea Austoni

    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.

    over 2 years ago

  18. Pro Josh Hemsley Josh Hemsley

    Wow yes... you my friend have just created a monster! Great concept!

    over 2 years ago

  19. Pro Prekesh Chavda Prekesh Chavda

    i'm angry i didn't think of this,

    brilliant!

    over 2 years ago

  20. Jeremy Swinnen Jeremy Swinnen

    Genius!

    over 2 years ago

  21. Pro Clint Balcom Clint Balcom

    Very clever. There's a fair chance I, and others, will be <del>stealing</del> drawing inspiration from this in the future.

    over 2 years ago

  22. Pro Jordan Singer Jordan Singer

    Sean, would you mind if I rebounded this with my mock-up of this awesome UI?

    over 2 years ago

  23. This is a mock-up of @seanami's Credit Card Form shot. Just added some text shadows, and other touchups.

    over 2 years ago

  24. Jacob Bijani Jacob Bijani

    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.

    over 2 years ago

  25. Pro Jono Mallanyk Jono Mallanyk

    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.

    likes

    over 2 years ago

keyboard shortcuts: previous shot next shot L or F like