Ordering groceries
The ordered journey demonstrates selecting/configuring grocery or household supplies toward booking or ordering. A blocked/payment boundary is allowed and must not be described as completion. Mere content browsing is insufficient. Study captured mobile app examples for UI/UX research.
Compare Ordering groceries UX flows side by side
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.