Credit Card Check-out _ Daily UI 002

Here is my Daily UI 002 practice: credit card check-out.

Different from Daily UI 001, I am testing a combination of Flat design and Skeuomorphism style. In order to make the UI of credit card check-out more intuitive, credit card information, including bank logo, credit card type, card number, cardholder name, and expiration date, is put on a ‘digital card’ with customized color and texture to mimic the credit cards in real life. All other actions use the flat design to minimize unnecessary visual design details and differentiate from the credit card design.

Prototype of the credit card animation is also created.

Please feel free to send me feedbacks!

#DailyUI