PAYCRE1

C8D1

Choose Payment

Credit Card

  • About

    This is a basic concept for a payment, checkout process. The user can select between the different payment types, each type has a seperate form to fill in the required data for the transaction. What I tried to provide:

    • A quick and easy way to fill the required form fields.
    • Mobile friendly keyboard display
    • Disabling auto-correction and spellcheck for names
    • Avoid dropdown fields for a better UX.
  • 1234 1234 1234 1234 1234 1234 1234 1234
    Card holder Your Name Your Name
    Expire
    MM MM
    / /
    YY YY
    CCV Number
    4111 1111 1111 1111 4111 1111 1111 1111
    Your Name Your Name
    MM / YY MM / YY
    /

  • This is just a demo

    It is neither complete, nor optimized code. In CSS it is playing around with text-shadow, transformations, transitions and a few animations. Some quick coded JavaScript to handle the required interactions. Anyway it might be an inspiration or a starting point.

    Made with ❤ by webandapp.fr