Improve BULK's check out flow
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:
- Location searching & auto-filling address details
- Review basket on the Checkout flow
=================
A few changes I made to improve the flow:
- Increase the visibility of system status by changing the progress bar, optimise the spacing in Shopping cart view
- 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.
- I added an Order Review view so that users can review before paying. This helps prevent submit by mistakes, reduces order cancelled rate.
- 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...
You might also like
Interaction Design Courses
Introduction to Figma
Master Figma's core functions from the ground up. Learn essential tools and workflows to streamline collaboration and enhance product development.
UX Writing
Learn how to write effective UI copy and develop the skills to communicate with your audience.
Common Design Patterns
Explore the most reusable and widely used design patterns in product design and learn how to implement these patterns successfully and create designs that are both user-friendly and visually appealing.