We are donating 100% of June’s Dribbble shop proceeds to the Equal Justice Initiative, a nonprofit challenging racial and economic injustice.
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.
If you liked it, there is more UI Design, Ressource and Tutorial here :
L or F like