Payment Form for E-commerce

  • Save
Form  payment

2 Attachments

Hi !

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 :
My website
Dribbble
Twitter

keyboard shortcuts: L or F like