Compare Ordering groceries UX flows
Compare captured ordering groceries UX flows across apps, side by side. Preview the interfaces and follow each available sequence.
bigbasket: Checkout order
Take a basket that already holds one item through the two things checkout needs before payment: a delivery address and a delivery window. The store has no saved address, so the basket's Add Address call to action opens the map location step and then the address form, which is completed and saved as Home. With the address applied the store is still closed for immediate delivery, so the Later 2 hrs option is chosen, the slot sheet is opened and the 10:00-11:00 AM window is confirmed. Proceed to Pay reaches a readable Payment options screen showing Rs71 to pay with wallets, UPI, cards, netbanking and pay on delivery. No payment method was selected and no order was placed.
Swiggy: Build grocery basket
Choose the saved delivery address, browse Fresh Fruits, add one four-piece banana pack, skip the optional membership, and reach a preserved cart that cannot proceed while the Instamart store is closed.