Here is a payment form I've made for @clicandfit (e-commerce).
I've spend a lot of time reading article about the UX/UI of form and specially payment form (https://uxdesign.cc/the-anatomy-of-a-credit-card-payment-form-32ec0e5708bb).
I wanted to make something smooth and easy to use for the user. Something that match the good practice on the web (label, error, color, accessibility...) here is the final version of the form with two other state (help on the CCV & Error message displayed).
What do you think about it ?
Took me ~10 days to make with design, integration, ux, reading and developpement.
PS : Thanks Gabriel Tomescu for the article, it was more helpfull then you can imagine :).
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in