Bookshop check out flow

Hi! I redesigned the checkout out flow of Ukrainian bookshop.

Key points of solution:

  • User can see filled data even for collapsed view,
  • Here are 3 main steps of flow: contact information, delivery and payment that you can collapse.
  • If you are logged-in user, contact information and delivery details will be autocompleted.
  • Required fields are marked with red "*",
  • The checkbox for adds is unchecked by default.
  • All elements of UI have hoves and focus states.

Looking forward to your comments and reactions 😊

Reviews

Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut
18
Claps
Average 4.5 by 4 people
5 claps
4 claps
3 claps
2 claps
1 claps
Create your very own Checkout Page for E-Commerce Platform project and get mentor feedback.
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>