Wireframe: Apple Card for Web
On August 6, 2019, Apple hoped to revolutionize credit cards with the launch of its software-powered Apple Card. Designed for iPhone users, Apple Card utilizes Apple's iOS-based digital wallet software for not only payments, but also all aspects of managing your Apple Card. There is no other way to manage an Apple Card account, and no interface for Web browsers.
To its credit, Apple's software is elegantly designed and makes simple work of most management tasks. However, an iPhone is an iPhone, and a computer is a computer, and each offers different experiences. Personally, I tend to do most financial management on my computer, and it's a pain--though admittedly a minor one--to reach for my phone when I'm already in the zone on my computer. The lack of a desktop interface is a hole that a number of Apple Card users have felt.
​
I designed a wireframe to illustrate what Apple Card for the web could look like. I did this on my own free time; Apple did not ask or pay me to do this.
.png)
I used black and white to highlight separate sections of the website, however Apple would more than likely select one color to use as a background, as done with the Apple Card iOS design above. The top section centers around the image of the card. In iOS, the colors change depending on merchant category. On either side is room for data for the user about his or her account, such as balance, available credit, card information (for Apple Card, all card details are virtual), and more.
​
Beneath the Apple Card graphic is room for Apple to communicate with the user (as with the COVID-19 relief program they mention in the iOS version shown above). There's also room to share the weekly use graph. Then, in the dark section, comes the purchase history.
​
Apple Card is still a baby in the finance industry, but it has already demonstrated the power of good software and strong design. Perhaps Apple will use a design like this to bring Apple Card account management to more platforms in the future.