Screen patterns

Pricing

A screen substantially presenting prices, fares, rates, or plan comparisons.

  1. BookMyShow: Event ticket types

    Step 2 of the wizard listing the gendered and couple inventory (Female Entry, Female Cover, Male Entry, Couple Entry, Male Cover, Couple Cover) with prices and an Add control per row.

    BookMyShow Event ticket types

    View the screen

  2. Cleartrip: Flight results

    Loaded Bengaluru to New Delhi inventory with adjacent dates, prices, Sort, Filter, and itinerary cards.

    Cleartrip Flight results

    View the screen

  3. Cleartrip: Hotel room choices

    Available room type with imagery, amenities, breakfast plan, cancellation terms, price, and Continue.

    Cleartrip Hotel room choices

    View the screen

  4. Cleartrip: Hotel results

    Loaded hotel inventory for the active destination, dates, and occupancy, with Filters and Sort.

    Cleartrip Hotel results

    View the screen

  5. Cleartrip: Review flight and fare

    Selected itinerary and Saver fare review with route, schedule, baggage, fee terms, and Continue.

    Premium screenshot

    View the screen

  6. Cleartrip: Choose flight departure date

    Departure-date calendar with daily fare estimates, a selected date, optional return date, and Done.

    Premium screenshot

    View the screen

  7. Cleartrip: Choose a flight fare

    Fare-choice sheet comparing Saver and Value Max benefits and prices.

    Premium screenshot

    View the screen

  8. Cleartrip: Hotel property details

    Hotel imagery, property name and rating, amenities, nightly price, and Select Room.

    Premium screenshot

    View the screen

  9. Cleartrip: Flight payment methods

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

    Premium screenshot

    View the screen

  10. Cleartrip: Choose trip protection

    Trip Protect offer with benefits, price, accept or decline choice, and Continue.

    Premium screenshot

    View the screen

  11. Cleartrip: Review hotel itinerary

    Selected property, stay dates, room and guest count, room plan, cancellation policy, total, and Continue.

    Premium screenshot

    View the screen

  12. District: Cinema seat map with tier pricing and selection

    Header with film, venue and the chosen date/time, then a scrollable auditorium seat map split by priced tiers (PRIME ₹320, CLASSIC PLUS ₹310, CLASSIC ₹240, LOUNGER ₹270) with one seat highlighted and a bottom bar reading '1 Seat' with a Proceed button.

    Premium screenshot

    View the screen

  13. District: Event ticket selection with date, time and cart

    'Choose date and time' with a horizontal date chip row (19–31 Aug) and a time chip, a 'Redeem your pass by paying on District' banner, a 'Choose tickets' section with a named Cover Ticket at ₹100 and a quantity stepper set to 1, and a bottom bar showing ₹100 next to an enabled Checkout button.

    Premium screenshot

    View the screen

  14. EaseMyTrip: Train results

    Loaded train options from New Delhi to Mumbai Central with departure and arrival times, duration, seat availability, and filters.

    Premium screenshot

    View the screen

  15. EaseMyTrip: Cab fare breakup

    Itemized cab fare showing adult base amount, tax, toll tax, state tax, promo discount, and grand total.

    Premium screenshot

    View the screen

  16. EaseMyTrip: Outstation cab results

    Bengaluru-to-Mysuru cab options with vehicle type, capacity, luggage, distance, price, discounts, safety standards, and Filter and Sort.

    Premium screenshot

    View the screen

  17. EaseMyTrip: Choose a hotel room and rate

    Room and rate selection comparing available room types, meal plans, booking terms, amenities, and per-night prices.

    Premium screenshot

    View the screen

  18. MakeMyTrip: Cabs Review Your Ride

    The pre-payment cab review: trip address and schedule with Edit, the selected vehicle with rating, fuel type and seats, free-cancellation terms, a detailed Inclusions & Exclusions list of per-minute and per-kilometre overage rates and which tolls, parking and state taxes are included or excluded, a Policies link, a Coupon & Offers block, and the Part Pay / Full Pay / PAY NOW bar. The wording of the inclusions block and the two payment amounts differ by cab product: the hourly-rental and airport captures exclude tolls, parking and state tax, while the intercity Outstation capture states that tolls, state tax and driver allowance are included and quotes a per-kilometre rate beyond an included distance.

    Premium screenshot

    View the screen

  19. MakeMyTrip: Destination activities listing

    Dated activity results for a destination: a header with the destination, the date range and Edit, filter controls (All Filters, Price, Categories), a 'SELECT YOUR EXPERIENCE' category rail (MMT Experience Pass, Attraction Tickets, Tours), an in-destination search field, and activity cards with duration, inclusions, a savings badge and a struck-through original price.

    Premium screenshot

    View the screen

  20. MakeMyTrip: Hotels Select Room

    Room and rate-plan chooser: date/guest header with Modify, Free Cancellation and Breakfast Included filters, a room card with size, view, bed and bathroom attributes, and competing rate plans with prices, a Selected marker and CONTINUE.

    Premium screenshot

    View the screen

  21. MakeMyTrip: Hotels UPI payment — select a UPI app or share a payment link

    UPI instrument surface: Total Due, a Select UPI App list of installed apps with a redirect warning and SHOW ALL, and a Share Payment Link alternative explaining that UPI ID/VPA entry is discontinued per NPCI guidelines, with a 10-minute link validity note.

    Premium screenshot

    View the screen

  22. MakeMyTrip: Experience Pass Review Booking

    Pre-payment review of the pass booking: product name and tier, traveller count, TOTAL COST inclusive of taxes, an activation-window note, a Cancellation Policy block explaining the full refund before first activity booking and non-refundability after, an Add Traveller Details block with a passport-match warning, and the total with CONTINUE.

    Premium screenshot

    View the screen

  23. MakeMyTrip: Single-activity detail

    One activity's page: photo hero with a share control, name and destination, tabbed sections (About, Highlights, Activity Options, Traveller Videos), an About Activity block with duration and suitability, a description, and a sticky 'Starting From' price with CONTINUE.

    Premium screenshot

    View the screen

  24. MakeMyTrip: Cabs priced options listing

    Partner-aggregated cab classes for the searched trip: a trip header with an Edit control, the Ride Guarantee strip, the distance/duration basis of the rates, and priced vehicle-class cards with seat counts, fuel type and an inline coupon and roof-carrier add-on.

    Premium screenshot

    View the screen

  25. MakeMyTrip: Hotels card payment — card entry

    Card-instrument form: Total Due header, an online-transaction warning with a Know more link, empty ENTER CARD NUMBER, MM/YY and CVV fields, and a PAY control that stays disabled while the form is empty.

    Premium screenshot

    View the screen

  26. MakeMyTrip: Hotel property detail

    One property's page: photo hero with a photo count, name, review rating, locality, a property overview blurb, the stay dates and occupancy, the nightly fare with taxes, a wishlist heart and a SELECT ROOM call to action.

    Premium screenshot

    View the screen

  27. MakeMyTrip: Hotels Review Booking

    Pre-payment stay summary: property name and locality, check-in and check-out with night count, guests and rooms, the selected room and meal plan, a non-refundable notice, an Inclusions & Cancellation Policy link, a recommended Addons block, and the total with CONTINUE.

    Premium screenshot

    View the screen

  28. MakeMyTrip: Select Preferences — traveller count

    Traveller-count chooser for the selected pass: the pass name and date in the header, Adult and Child rows with age bands, per-traveller prices and increment/decrement steppers, an age-band advisory note, and a running total with CONTINUE.

    Premium screenshot

    View the screen

  29. MakeMyTrip: Experience Pass detail

    The multi-activity pass product page: branded hero, pass name and destination, a starting per-adult price, an activation validity line, tabbed sections (MMT Pass, Choices (25), Pass Options, Pass Details), an About block describing the savings, and a sticky starting price with CONTINUE.

    Premium screenshot

    View the screen

  30. MakeMyTrip: Hotels payment landing — choose a payment method

    Payment-method landing with a session countdown: Total Due, a saved-payment login prompt, a Trip Secure+ add-on that reprices the total, a Gift Cards expander, and the payment options list (UPI Options, Credit & Debit Cards, EMI with a No Cost EMI badge).

    Premium screenshot

    View the screen

  31. MakeMyTrip: Hotel results listing

    Priced property results for the searched city and dates: a sticky search header with Maps / Sort / All Filters / OneCircle controls, a Rush Deals carousel, and rated property cards with nightly price and free-cancellation flags.

    Premium screenshot

    View the screen

  32. BookMyShow: How many seats

    Sheet asking 'How many seats?' with a 1-10 quantity picker and four price tiers (Recliner 380, Prime Plus 280, Prime 250, Classic 99) above a Select Seats button.

    Premium screenshot

    View the screen

  33. BookMyShow: Cinema seat map

    Interactive auditorium map with a screen banner, labelled price-tier blocks (Recliner, Prime Plus, Prime, Classic) of selectable seat cells and an Available/Selected/Sold legend.

    Premium screenshot

    View the screen

  34. District: Restaurant page with offers, table booking and bill payment

    Photo strip with a 'View gallery' entry, restaurant name with cuisine, price-for-two and locality metadata, quick chips, an Offers/'Offers for today' section with a discount card, and a two-button bottom bar: 'Book a table' and 'Pay bill'.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.