Accurate images in graphical user interfaces to enable data transfer

A non-transitory computer-readable storage medium storing computer-readable program code executable by a processor to cause the processor to:

• receive, by an application executing on the processor, authentication credentials for an account;
• receive, by the application, a card manufacturer identifier (CMID);
• determine, by the application based on the CMID and in an account database for a plurality of accounts including the account, a first contactless payment card associated with the account;
• receive, by the application from a digital asset management system based on the CMID, a plurality of images of the first payment card and a plurality of metadata attributes of the first contactless payment card;
• determine, by the application based on the plurality of metadata attributes of the first contactless payment card and a plurality of attributes of the mobile device, a first orientation of the first contactless payment card to enable near-field communication (NFC) data transfer between the first contactless payment card and a mobile device comprising the processor, wherein the first orientation aligns a communications interface of first contactless payment card to a communications interface of the mobile device;
• select, by the application, a first image of the plurality of images depicting the first contactless payment card according to the first orientation;
• generate, by the application, a graphical user interface (GUI) depicting the first image of the plurality of images of the first contactless payment card and an indication specifying to tap the first contactless payment card to the mobile device according to the first orientation;
• display, by the application, the GUI on a display;
• determine, by the application, that NFC data transfer has not been initiated between the mobile device and the first contactless payment card within a threshold amount of time;
• determine, by the application based on the plurality of metadata attributes of the first contactless payment card, a second orientation different than the first orientation;
• and
• update, by the application, the GUI to depict the first contactless payment card according to the second orientation and an indication specifying to tap the first contactless payment card to the mobile device according to the second orientation.

A method, comprising:

• receiving, by an application executing on a processor of a mobile device, authentication credentials for an account;
• receiving, by the application, a card manufacturer identifier (CMID);
• determining, by the application based on the CMID and in an account database for a plurality of accounts including the account, a first contactless payment card associated with the account;
• receiving, by the application from a digital asset management system based on the CMID, a plurality of images of the first payment card and a plurality of metadata attributes of the first contactless payment card;
• determining, by the application based on the plurality of metadata attributes of the first contactless payment card and a plurality of attributes of the mobile device, a first orientation of the first contactless payment card to enable near-field communication (NFC) data transfer between the first contactless payment card and the mobile device, wherein the first orientation aligns a communications interface of first contactless payment card to a communications interface of the mobile device;
• selecting, by the application, a first image of the plurality of images depicting the first contactless payment card according to the first orientation;
• generating, by the application, a graphical user interface (GUI) depicting the first image of the plurality of images of the first contactless payment card and an indication specifying to tap the first contactless payment card to the mobile device according to the first orientation;
• displaying, by the application, the GUI on a display;
• determining, by the application, that NFC data transfer has not been initiated between the mobile device and the first contactless payment card within a threshold amount of time;
• determining, by the application based on the plurality of metadata attributes of the first contactless payment card, a second orientation different than the first orientation;
• and
• updating, by the application, the GUI to depict the first contactless payment card according to the second orientation and an indication specifying to tap the first contactless payment card to the mobile device according to the second orientation.