Mobile payment method screen examples

Payment method screen examples

• See the flow
  Zalando – Online fashion↗

  This is a checkout payment screen for the Zalando fashion app.

• See the flow
  ZARA↗

  This screen is a credit card payment entry form within the Zara mobile application.

• See the flow
  Too Good To Go: Save Good Food↗

  This is an error screen in the Too Good To Go app informing the user that their Apple Wallet does not contain a supported payment card.

• See the flow
  IDAGIO Stream Classical Music↗

  Below this, a secure payment information box displays various credit card logos (Visa, Mastercard, Amex, JCB, Discover, Diners Club, UnionPay) under the heading 'Guaranteed safe & secure checkout'.

• See the flow
  HBX | Globally Curated Fashion↗

  Below the header, there are fields for Email and Shipping Address, followed by a section for selecting a Payment Method with multiple options including Apple Pay, credit cards (Visa, Mastercard, Amex), PayPal, Alipay, and Cash App.

• See the flow
  Expedia: Hotels, Flights, Cars↗

  This screen from the Expedia app displays the 'Payment methods' section within the user's account settings.

• See the flow
  Hotels.com: Book hotels & more↗

  Each card has a chevron icon on the right indicating navigability.

• See the flow
  Klook: Travel & Activities↗

  This is an empty state screen for 'Payment methods' in the Klook app.

• See the flow
  SHEIN - Shopping Online↗

  Top navigation bar followed by a vertical list of settings options, ending with a version number at the bottom.

• See the flow
  Zalando – Online fashion↗

  This screen is a multi-step checkout form for a gift card purchase in the Zalando app.

• See the flow
  ZARA↗

  This is a payment method selection screen in the Zara mobile app.

• See the flow
  Expedia: Hotels, Flights, Cars↗

  A prominent rewards card shows a points balance of 0.00 with a link to 'View rewards activity'.

• See the flow
  IDAGIO Stream Classical Music↗

  This is a payment checkout screen for the IDAGIO classical music streaming app.

• See the flow
  Vivino: Drink The Right Wine↗

  The top section allows the user to select a payment method, showing a credit card option.

• See the flow
  Hotels.com: Book hotels & more↗

  This screen displays the 'Payment methods' section of the Hotels.com app.

• See the flow
  Klook: Travel & Activities↗

  Below the header, there is a list of three selectable menu items: 'Participant details', 'Delivery details', and 'Payment methods'.

• See the flow
  HBX | Globally Curated Fashion↗

  This is an empty state screen for 'Payment Methods' within the HBX fashion shopping app.

• See the flow
  ZARA↗

  This is a payment information entry screen in the Zara mobile app.

• See the flow
  Too Good To Go: Save Good Food↗

  This is a modal screen titled 'Payment cards' within the Too Good To Go app.

• See the flow
  IDAGIO Stream Classical Music↗

  This is a subscription payment screen for the IDAGIO app.