Screen patterns

Checkout

Final pre-commit ordering surface.

  1. BookMyShow: Contact detail before payment

    'Please Fill In The Missing Detail' sheet explaining the detail is needed to deliver tickets, with a country-code mobile-number field, a 'Save this detail in the profile for future transactions' checkbox and an enabled red Proceed To Pay button.

    BookMyShow Contact detail before payment

    View the screen

  2. Cleartrip: Flight payment methods

    Pay and book boundary showing final fare and card, UPI, net banking, EMI, and wallet options.

    Cleartrip Flight payment methods

    View the screen

  3. Cleartrip: Hotel traveller details

    Empty traveller identity and contact form with title, first name, last name, mobile number, email address, and Pay now.

    Cleartrip Hotel traveller details

    View the screen

  4. Cleartrip: Flight traveller and contact details

    Empty traveller and contact form with Add adult, email, mobile number, optional GST details, and Continue.

    Cleartrip Flight traveller and contact details

    View the screen

  5. Domino’s: Dine-in checkout

    Dine-in presentation of the cart activity: 1 item in Cart with the ordered pizza and a quantity stepper, a Frequently Bought Together rail, a 'Dine-in at HSR LAYOUTS' store row with CHANGE where the address or pickup block would be, a Cash/UPI payment row and a live PLACE ORDER button showing You Pay Rs.576.

    Premium screenshot

    View the screen

  6. SNITCH: Shopping bag with price details

    BAG screen with one line item (Burgundy Solid Twill Shirt, M, quantity 1, Rs 1219), MOVE TO WISHLIST and delete controls, a locked coupons and gift cards row, a PRICE DETAILS breakdown of bag total, coupon discount and grand total, a YOU MAY ALSO LIKE carousel, and the SELECT ADDRESS TO CONTINUE call to action.

    Premium screenshot

    View the screen

  7. Domino’s: Takeaway pickup checkout

    Pickup checkout on the cart activity: the ordered pizza with a quantity stepper, a Frequently Bought Together rail, a 'Takeaway | Restaurant' outlet block with CHANGE instead of a delivery address, a bill with no delivery fee, and a live PLACE ORDER button with Cash/UPI preselected.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.