Coinify's Payment Window is a tool that enables merchants to accept payments from users using cryptocurrencies. The payment window is typically displayed on the user's mobile or desktop device, and allows the user to transfer the payment amount to the merchant using their crypto wallet. This type of payment system is often used for online transactions, where the user is purchasing goods or services remotely.
The Payment Window has not been updated in terms of design, usability and features for several years and required major redesign.
UX research
Design Ops
UX & UI
SaaS
Product design
Process
Discover
Getting to know the product and stakeholders
I began the process by conducting extensive research. To begin, I examined the present flow of the payment window in order to comprehend the process. Then I held a workshop with employees who are well-versed in the product and I laid out an overview of the entire payment process in the blueprint diagram. Finally, online interviews were done with consumers and partners to learn about their needs and expectations for the product. I also conducted a thorough competitor analysis to determine how the product performs on the market.
Discover
Flow chart
Discover
Workshop
Discover
Blueprint diagram
Discover
Competitor analyses
Define
Key findings
Users pay mostly by scanning QR code with their crypto wallets.
People who use crypto are very sensitive about their privacy and finances, so transparency is very important to gain their trust.
Users would like to have a bigger choice of cryptocurrencies and explanation about their availabilities.
Cases like paying too much or too little often happen because of the fees, and need to be handled by the payment provider.
Design
Wireframes
The process of generating ideas began with creating rough sketches and discussing them with developers to evaluate their feasibility. The design and functionality of the payment window underwent multiple changes and improvements as it was developed in parallel with the new API.
Design
Design iterations
Design
Current version
The latest version addresses all the key issues identified. The primary payment method, QR code, is now the default option for the desktop version and for the mobile version, we have included copy-paste as another payment option making it more user-friendly on mobile. At every stage of the process, users are provided with all the necessary information about their payment and a guide has been created to assist users throughout the process. Additionally, a wider variety of coins has been added and edge cases such as overpayment or underpayment are now handled seamlessly.
Discover
Testing and iterating
The product is in a state of constant development and improvement, with new iterations being released regularly. This is achieved by gathering ongoing feedback from users through methods such as user testing and contextual surveys.
