UI design for credit card details

I have been using Webflow more and more within my design workflow. I have recently found Webflow useful for demonstrating the ‘interaction layer’ of various UI elements. Far easier to hand over prototypes to developers with interactions showcased.

I have recently been working on ideas for improving checkout & payment processes.
One idea we are looking into is an interactive credit / debit card which updates in relation to user input.


Card details update in realtime and also flips to show the reverse when editing CSC. I have only managed to get this to work on click however, need to look into how tabbing between inputs can work.

Would love some feedback.


1 Like

cool concept! :smiley: