That is why a good recommendation is to always test ideas for the sake of avoiding assumptions in UX decision making.

It is the perfect situation where many people might have input for, which doesn’t necessarily mean that is the right concept for the end user as well.

2. Mastercard has strict requirements on how you display their brand and in which size in the UI

In order your wallet to be accepted and go “live” first of all it needs to be validated against Mastercard’s brand requirements in digital payment UI’s. This document is not more then a list of requirements of how the brand of Mastercard must be presented in your UI. Most probably their brand will appear in the bank card, in the documents acceptance flow as standalone symbol, during card digitalisation etc.

Here are the main pain points of those requirements:

The size of the bank card which is exact replica of the physical card and is containing the Mastercard’s symbol must be no smaller then 15mm or as they specify 54 pixels (108 points)/15mm (0.59”);

The final display of the standalone symbol in the UI must be no smaller then 7mm in width.

How do you measure 15mm on a relative screen size? You don’t. Here is an online calculator that can help with that, especially for Android devices and dp’s.

Additionally, you need to display Mastercard’s brand mark when:

Activating an account;

Selecting credentials / account for payment;

Viewing account details (e.g. selecting a card to digitize, looking at transaction history etc…);

Completing the use of credentials /account in a transaction (payment screens).

Mastercard is changing these requirements over time, so it is always a good idea to double check if something’s changed.

3. Visualising card statuses

A recommendation is not to use greyed out style for visualising the different bank card statuses, e.g. activated, blocked or inactive card. Additionally, in order to clearly distinguish inactive and blocked state e.g., for which you might use transparency, a good recommendation would be not to rely only on the card artwork, but also use accompanying visual queues as text and iconography to reinforce the meaning of the card status itself.