Card tray

Once the customer’s identity has been verified, their linked cards are displayed.

In situ example

Display states:

Display all cards

Display one card (collapsed)

Display one card (Expanded)

This pattern includes:

  • Masked mobile number (mobile number associated with linked cards)
  • Masked email (email associated with linked cards)
  • Link: “Switch ID” (access a different set of cards linked to another ID)
  • For each card displayed:
    • Card art
    • Card description
    • (Optional) SRC System Operating Image
    • Masked card number
    • (Optional) Digital card feature
  • CTA: Lock + Pay [amount] button
  • Horizontal mark
  • Secondary CTA: allows customer to enter a
card manually

Card ordering

Last card used is selected by default. Remaining cards are displayed in descending order based on the last used time stamp. Cards without a last used time stamp are displayed in ascending order based on the date they were enrolled.

Display states

  • Show all cards
  • Show one card (collapsed)
  • Show one card (expanded)

Modality

How the customer selects their card is determined by the merchant / PSP. In this example, the card tray is presented as a radio button list.