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
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2019 Dribbble. All rights reserved.
Take our community survey and get an amazing giveaway and font discount.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.