E-commerce website Checkout page

Thank you for your effort! However, the checkout process usually spans multiple sections, which are not clear enough here, creating a confusing experience.

The button colors, labels, typography, and shapes are a bit chaotic and create visual noise. From an interactive design and functionality standpoint, the checkout process is also confusing.

Offering users a single input for the entire address could lead to multiple mistakes. Additionally, while the payment options include already saved cards, there’s no clear way for users to add a new one. And why are there two CTA buttons on the page—"Proceed to Buy" and "Payment"? It’s unclear which one to click to finish the payment.

I'd sincerely recommend you to explore our courses or revisit if you've already taken them, such as: UX Design Foundations, Typography, Color Psychology, and Common Design Patterns.

Keep up the good work! With some adjustments, you can make this checkout process much clearer and more user-friendly.