Improve BULK's check out flow

Open full project

Improve BULK's check out flow 1

Improve BULK's check out flow 2

Improve BULK's check out flow 3

Improve BULK's check out flow 4

BULK's Current check out flow has a few issues:

1-( quite serious ) Lack of visibility of system status: Checkout progress bar doesn't indicate clear which step the user is. And, too much spacing in Shopping Cart view.

2- ( quite serious ) Not preventing error: Instead having users review shipping information and items that they plan to purchase, Bulk's current flow immediately submit order when users finish adding payment details.

3- Lack of Consistency & standard: Unstructured typography hierarchy, different spacing, different primary colors.

However, I do love some of their features:

  1. Location searching & auto-filling address details
  2. Review basket on the Checkout flow

=================

A few changes I made to improve the flow:

  1. Increase the visibility of system status by changing the progress bar, optimise the spacing in Shopping cart view
  2. I removed the search bar, breadcrumb on the new Shopping Cart view so that users can focus on 1) check out or 2) add more items and check out.
  3. I added an Order Review view so that users can review before paying. This helps prevent submit by mistakes, reduces order cancelled rate.
  4. In the "Thank you" view, I removed the search bar and suggest BULK to display the "45%off" banner at the bottom the view, so that users can focus on "create account" section ( if BULK prioritises this objective )

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 vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi adipiscing quisque in sodales aliquet. Ultricies a elit quis metus. Aliquet cras pretium platea lacinia mi et orci volutpat vulputate. Bibendum massa fusce...
10
Claps
Average 5.0 by 2 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"?>