E-commerce Checkout page

A solid E-commerce checkout page design with a clean and overall appealing UI. To improve this design further I would consider the following points:

1. Implement progressive disclosure within the checkout form to break it down into more digestible chunks and reduce cognitive load. For example, collapse forms into form sets, such as "Contact Information", "Delivery Information" which expand and collapse as the user moves through the fields.
2. Consider re-organising the form into a more logical order. Placing the Shipping options before the billing and payment section would enable customers to finalise and confirm their order total before proceeding to the final stage of payment.
3. Exposing the Discount code field can make users feel like they're missing out on a deal leading to code searching on 3rd party sites, and ultimately distraction. Remedy by hiding the Discount code field behind a clickable text link "Have a code?" that shows the field on click.

I like the design of the checkout page. You seem to have considered all the necessary details, which makes the flow simple and intuitive.

The only addition I would suggest is the option for users to select a saved address if they have previously made purchases or have an address set in their profile.

My only other comment is about the presentation format. Providing a link to a Figma prototype would allow us, as reviewers, to click through it ourselves. A video doesn’t allow for pauses, so having the ability to examine the screens in more detail would be beneficial.

Great work!