Demand first — UX second
The project is a digital wallet cryptocurrency that allows users to buy, keep, and transfer their cryptocurrency assets, as well as exchange cryptocurrencies within one service. The client came to use a working MVP with a basic interface built upon a Themeforest template (such templates are used for websites created with the help of WordPress). Besides the app, they had a simply designed landing page.
By the end of August 2020, the client knew there was a call for his app — that’s why he decided to upgrade it by developing a well-thought-out UI/UX design and a proper landing page. When the client began looking for an agency that would successfully meet his needs, he lucked into a relatable reference: the UI/UX design of Fintarget which is an app for investing. The app caught the eye thanks to the easy-to-get interface we created to help newbies in the investment field. The client was impressed by our approach to solving problems.
Giving up on sprints
At first, the task seemed pretty simple — to redesign the service. However, it turned out to be much more difficult as there were a bunch of new features that required reforming screens, so we had to give the service architecture a makeover.
We decomposed the project into small tasks, planned the sprints, and started with UX design. But something went wrong, and we got stuck. When it is about a niche product (no one can deny that cryptocurrency wallet development is not a subject people discuss at lunch), you need to have a proper understanding of it. Most people associate cryptocurrency with mining and a sharp increase in bitcoin but in fact, it has a lot of pitfalls and nuances that require digging deep into the niche to be clear. We didn’t have such a background, so it was impossible to work in sprints.
It’s misleading to think that you can spend a whole week working on the interface of an app which causes you a lot of questions.
We decided to dig deep into the industry and schedule regular (really regular) calls with the client. The designer was to scrutinize the competitors, stay in touch with both the client and me, and validate decisions.
Studying the niche
We stepped back and devoted 8 hours to studying the market and the existing solutions. Our project manager got accounts on all platforms and became a real cryptocurrency development fan. Over several weeks, she tested the functionality to understand the logic, cream off advantages, and avoid mistakes.
As a result, we managed to build a detailed mind map and spent tens of hours on calls with the client. The mind map allowed us to review the old architecture and think out how to create a cryptocurrency wallet without large wrap changes and not frustrate existing users.
The client was totally into the project and patiently explained to the designer how every feature worked. We’re lucky, I guess, that the project became a case when we’re delighted with such close involvement from a client.
Balancing between dullness and brightness
Once we finished the express course in cryptocurrency, we finally got to start the project. We began with wireframes. The team included:
-
- project manager
- UI/UX designer
- graphic designer
The client took the example of the best user flow patterns among the competitors — Binarix and Mercuryo. Binarix had a well-executed widget, and Mercuryo was great at placing elements (on the landing page, the widget was placed at the same spot as it is located in the service). It’s good when the user can try out the feature on the landing and continue using it at the same interface in the service.
We also looked at Qiwi and Fintarget.ru
It was pleasant to see our project among references provided by the client.
Before working on the UX, we discussed each screen with the client — this way, we managed to avoid any mistakes and dig deeper into the industry. Here are some examples of how we rework the interface:
In the original design, the main screen was quite complicated. It had two buttons: ‘Replenish’ which allows the user to top up an account and ‘Accept payment,’ which was needed to receive cryptocurrency from merchants. To transfer money to another account, the user had to go to the ‘Withdraw’ tab. Plus, there was no ‘Exchange’ feature.
We grouped all action buttons on the main screen — so the user won’t waste his/her time looking for it on other screens, added the ‘Exchange’ feature, and split up the functionality of ‘Replenish’ into ‘Replenish’ and ‘Buy.’
The settings screen had two ‘Submit’ buttons: one to change email, and another — to change the password. The screen felt overloaded, that’s why we rebuilt it and left only one ‘Submit.’
Formerly, the landing page had no widget. Now, there is a widget that allows you to type in a sum, see how much cryptocurrency you can get from it, and proceed to the registration. The widget is designed to motivate the user to perform the action.
Before cryptocurrency wallet development, we created 4 UI concepts:
1. Minimalistic and simplified concept. Although we loved it, the client wanted something brighter and more colorful.
2. Keeping this in mind, we moved on to the second concept. This time, it was really bright with additional art objects. The client liked this version but it seemed unserious to him.
3. The third concept was built upon the existing basis. The colors became darker, and the whole interface looked more like a banking app.
4. We were to make the last turn and came straight away. We got the client’s feedback: ‘I want it to be darker, like Fintarget,’ and made the latest step to the final version. To be safe, we added 3 extra concepts with minor changes.
Landing page within two iterations
In the end, we got a subtask to rework the landing page for the app. The client decided that the first version was too bright and frivolous.
By this time, we had a solid understanding of the cryptocurrency wallet development and the client’s tastes — he wanted it to be bright, but precise and serious. Although there were no requirements for the landing page, we knew that it should be a transparent and clear landing page that would help users get where they are and why they need it.
To develop the landing page structure, we examined the competitors — studied through their information architectures, identified strengths and weaknesses, and documented what they lacked. As a result, we came up with patterns and broke the page down into 4 parts:
- Hero page
- Interactive cards with customized illustrations
- Guide on how it works
- Blog
To understand the landing page structure, we studied competitors and analyzed the market. We managed to create a unique look, ditch humdrum colors, and make it minimalistic.
Overall, the landing page underwent 2 iterations: we reworked the blog (added labels to simplify the search) and added s’more illustrations that helped attract users’ attention to the most important parts. We put aside the hackneyed colors (black, green, and neon) and turned the interface into a minimalistic cyberpunk.
While developing the cryptocurrency wallet on the landing page, our graphic designer changed the cryptocurrency icons. The client liked the idea, and we moved on to change them in the service too.
We added a custom illustration to the authorization screen. The client liked the idea and approved of the cat. In this way, cryptocurrency wallet development became marked by Purrweb 🤘🏻
Handing over design to the right people
It took us 6 weeks to complete the project. In November, we handed the UI kit over to the client’s development team. The design of the app and landing page cost $8,700.
The design is finished, and we’ve already started implementing it with our own cryptocurrency development team.
They have already started implementing the design. ‘We got what we wanted. The Purrweb team completely reworked the way navigation works and streamlined the core user flows, which made our service more intuitive for users. They successfully managed to accomplish all of the tasks and developed a high-quality UI/UX interface. They thoughtfully listened to me and did a great job understanding the industry,’ the client noticed.