Checkout Page

The checkout page user flow you design and present is clear, user-friendly.

And I would like to share with you a few of my considerations:

1. in the delivery info session, the field under contact name is not clear as to what the data should be put in. By guess, it could be phone number? Is it supposed to be autofilled? How the system works? Also, how the "London" field works?
2. The "save address details" ON/OFF button is placed on the bottom of this card, does refer to save the last two fields' data or the whole card's? Any way to clarify and inform users more specifically to avoid confusion?
3. The payment session looks logical.It would be more user friendly, if more alternatives for payment are provided in addition to credit card. And one minor: the error message of "CVV" would be more prominent to users when it is placed right under "CVV" field.
4. The order successful note looks a bit wordy. Users might find it more useful by having a short confirmation and a link to track the order status.

All in all, you have done a good checkout page design.

Your checkout flow is well-structured with a good number of steps and is clear and intuitive overall. Here are a few tweaks I think could improve the user experience further:

1. It's unclear if the "Add Tip" option is turned on by default and whether the tipping amount can be modified. Consider explaining these decisions in your design rationale. Also consider adding a short explanation below the toggle in the UI to clarify its purpose (e.g., "Support your delivery driver with a tip").
2. Phrases like "Delivery by courier" may confuse users expecting immediate food delivery, as "courier" suggests longer, less direct, and immediate deliveries. A term like "Doorstep Delivery" may be more suitable for a food delivery app.
3. Also, consider simplifying and warming up the confirmation message. Something like "We're getting your order ready!" with a clear CTA to track the order easily would work well here!
4.  Only having card payments available feels restrictive. Offering more choices like digital wallets would align with user expectations and improve accessibility.

This is very nice. Good job.

Hi, Elizaveta

Well done! It looks like you put a lot of thought and effort into this project. Overall, It was a frictionless expereience and easy to understand interface.

I found just a few things I would change (just a little).

During the first page, the toggle button was automatically switched on for 10% tip. This could cause anger if someone wasn't paying attention. You might want to turn that to off by default. I admire the simple prices, but after looking at the total price, including the tip, it would come to...$68.20. :|

Another thing is when I was filling out my credit card details, the CVV was exposed. That is some sensitive information, so allow the user to reveal it if they need to.

Lastly, when the order is complete, what does the user do? is there a notification? is there a page they can go to so they can check the status?

The branding is spot on and is consistent throughout.

I love how you present your file and care about each input