Microsoft Pay is a digital wallet that allows users to easily and securely complete payments across various sites and platforms.
The Microsoft Store lacked a way to easily access stored payment and shipping information when making purchases. Additionally, Microsoft brand loyalists desired a digital wallet solution outside of Apple Pay and Google Pay.
I worked with a Senior Designer on the store team to craft a digital wallet that Microsoft loyalists could trust and use within the Microsoft Store, as well as across the web. Users can save multiple addresses and cards for easy access later.
I was in charge of the visual and UI design for this project. I also created original illustrations that fit within Microsoft's brand guidelines and animated those illustrations.
Users can choose between multiple saved cards and addresses, as well as add new information.
Microsoft Pay features a “live card” design to make entering card information more intuitive. Card information is entered as it appears in real life.
Microsoft Pay was designed to integrate into third-party websites for easy and secure payment.
A sampling of vector illustrations I created for Microsoft Pay and the Microsft Store. See animated versions below.
Success and error illustrations in Microsoft Pay’s desktop modal
Illustrations used for an empty cart.
404 error illustration
Payment error illustrations
Successful purchase illustration
Illustrations for linking and removing a credit card