Checkout Page Design

I'm curious to know if people would actually use the "Delete" icon on the bottom or if they would just exit the page. I see room for an A/B testing

Thank you for your presentation here. I like the fact that you put the Apple Pay to make it easier for the checkout and the layout for the shipping. There are some things you should think about just to get a better version perhaps.

Is it better to put the name in the same block as the shipping address or is it more of a container like email?

If I leave red color stroke of the card number on red would i alert the user with no reason? ( I assume that you are just showcasing what would happen if he didn't fill the space - btw, great job splitting the number into 4 digits)

What colour is usually the apple pay button? should i maintain the consistency of my brand and use the same color as my button or use their pattern?

Great work again! Those questions are just to make you think more about it!

You did great job on designing the checkout page! I like that you follow some of the commonly used layout that is going to be easy to understand. Providing the Apple Pay as option to skip the form is also great option. Placement of the Apple Pay button makes more sense in previous step of the checkout or on product detail page. As it's skipping the whole process https://developer.apple.com/apple-pay/

I have some accessibility concerns on aggregated Shipping Address inputs as there are not visible label while input is filled. I would change the logic for the checkbox "Billing Address is the same". As in most cases, all users according that login will be forced to click on the checkbox. Makes more sense to have checked checkbox with this copy. Or reverse copy "The Billing Address is different" and provide additional inputs on interaction. Also you are displaying live validation state for email input while email is not filled-in yet.