overview
PingNpay is a global micropayments network designed to streamline small transactions and enable web3.0 and metaverse commerce, initially launching in Europe.
A product at the initial stage has to make a cool statement in order to be successful among users
Work Process
Research
Before diving into the design process, comprehensive research was conducted to lay a strong foundation for our mobile application. Our research phase was a crucial precursor to the subsequent blocks, enabling us to make informed decisions, align our efforts with client objectives, and create a mobile application that truly caters to user needs and preferences.
Navigation Architecture
Based on the data from our clients and the results obtained during the research, we started to create a navigation architecture of the application. This helped us organize the information and have a preliminary idea of the future application, as well as the scope of work.
Wireframes creation
Based on the navigation map, we made some initial wireframes for the functionality of the top priority. We analyzed user behavior, compiled a list of features that were required, and displayed them on the home screen.
Mobile app UI concepts
Based on the data collected during the UI preferences study, we prepared a presentation with the concepts that best fit the requirements.
UI design
After negotiation with the product owners, we have defined one that best demonstrated the idea and emphasized the important functionality of the app
Solutions we’ve implemented
The former version of the platform was quite difficult to grasp. Poorly placed accents stood in the way of easily making out key features, wasting many users’ time.
The whole navigation across system modules was quite cumbersome, which is why we decided to fully redesign it and implement a new take on the navigation
Mobile app
The main product which provides all functionality for payments and receiving of funds.
Promo landing
Promo page for introducing the functionality and benefits of the product, promoting and recognition.
Pitchdesk
Presentation of the product, business plan and development prospects to potential investors
Admin dashboard
A platform for controlling and managing the large amount
of data that exists in
the product
Chrome extension
This product additionally solves customers’ problems and gives access to the functionality
in browser
Communication
Collaborative tools that allow groups of users to work seamlessly and exchange comments.
UX-boosting interactive widgets
The essential part of smooth system-wide user interactions is a set of descriptive widgets. We paid a lot of attention to these underlying elements, making them utterly accessible and simple to use so that users can analyze the information they display and make informed decisions faster.
Wallet provider dashboard
This is a combination of a ledger to maintain user balances, user management and wallet provider administration, compliance and regulatory controls.
Chrome extension
We have developed a browser extension that gives users access to the same functionality as the mobile app. In this way we enable our users to accomplish their
tasks even in the browser.
VISUAL OVERVIEW
We have developed a browser extension that gives users access to the same functionality as the mobile app. In this way we enable our users to accomplish their
tasks even in the browser.
Even at the stage of getting to know the client, we learned that the application has a priority for the younger generation.
Home screen
The home page was created after testing the wireframes. To make a decision, we made 3 variants of the home page, worked out additional pages for the prototype, and sent it to a group of users for testing. After the feedback was received, we determined the functionality of higher priority and importance.
50
Screens Created
8
Flows Created
12
Flows Created
100
Hours Spent
Quick onboarding
On the app side, it's important to emphasize these features at the very beginning, so we've thought of interesting onboarding and tips on some pages of the app for the user experience.
Transactions history
To keep track of finances, we have thought of all the details on transaction history pages. User can filter transactions, find payments for a certain period of time.
Scan to make a payment
This allows you to easily pay for a product or service. Using QR code for payment, we don’t need to enter any data. All we need is to scan and confirm the payment.
Show your QR code
To get paid, it is enough just to show your QR code. You will never make a mistake when entering the data and the process of receiving funds will be as convenient as possible.
Conclusion
Result
We're confident that this MVP has a huge chance of success among the users and we already have plans for further development of the project. We believe in the products we create and go an extra mile to give our partners the best result.
.png)
See what their users say
While the app hasn't been released yet, stakeholders have praised its clean design and good quality. Equal has proven to be a great customer advocate as they proactively challenge the client’s approach. They’ve also met deadlines and are flexible in accommodating changes to the project scope.
Co-founder, PNP
