Food Delivery Checkout

Restaurant storefront page in a food delivery app showing a hero image and description, restaurant name with rating and distance, and primary actions to search, favorite, share/more, choose Delivery vs Pickup, start a group order, and view cart. The screen highlights delivery fee and estimated arrival time plus a promotional discount banner, with an “Order again” section for reordering past items.

Food delivery cart screen for a cafe order showing selected menu items with thumbnails, prices, and customization details, plus controls to remove items or adjust quantities. Includes actions to add more items, send the order as a gift with a digital card, view subtotal and savings, and proceed to checkout.

Food delivery checkout screen to choose Delivery or Pickup, confirm delivery address on a map with an edit pin option, add drop-off instructions (meet at door) and contact phone number. Lets users select a delivery time window and speed tier (Priority vs Standard with fees) before proceeding with a Next button and viewing savings/promotions.

Food delivery checkout order summary showing the restaurant and item count, options to send as a gift and view an applied promotion/discount. Includes a detailed price breakdown (subtotal, promo savings, delivery and priority fees, taxes) with updated total, selected payment method, savings banner, and a primary “Next” button to continue checkout.

Checkout tipping screen for a delivery order that lets users choose a courier tip percentage from preset options with appreciative labels or enter a custom tip via edit, showing the calculated tip amount. Includes an info note about tips going to the courier and a primary “Place order” CTA to complete the purchase.

Food delivery checkout confirmation screen showing “Placing order” status with delivery address and drop-off instructions, priority delivery time window, restaurant name with itemized order list, and selected payment method. Includes a progress/countdown button indicating the order is being submitted and an option to go back.

Food delivery order tracking screen showing an in-progress status “Preparing your order” with an ETA window, map header, and a Help action. Includes delivery details with options to edit the delivery address and add delivery instructions, plus a promotional section to add items from nearby stores by category with product cards and quick add-to-cart buttons.