DailyUI #002 | Design a credit card checkout page

This is a mock-up check out page for the online ordering app for Gramiyaa. I have tried to optimize the payment flow for regular customers by reducing the number of clicks to place the order.

We can see the user flow for usual checkout experiences.

The number of steps can be reduced by pre-selecting the most frequently used payment method or the one set as default, as depicted by the following user flow.