Back

How UX design helps people become Bitcoin millionaires. Purrweb’s case

A flexible and adaptable approach to cryptocurrency wallet development proves to be particularly efficient on complicated projects in a highly specialized niche. Especially, when you don’t have any background. I’m Svetlana Kolpakova, a project manager at Purrweb, and I want to tell you how accepting the lack of proficiency in cryptocurrency helped us to complete the task fast and come up with a high-quality design.

Reading time: 7 minutes

Table of contents

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.

See also  4 apps and CMS for night clubs in six months. Purrweb’s case

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.

Project manager

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.

Project manager  

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.

cryptocurrency wallet development: future product mindmap

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.

Want to create your own fintech app?
We develop AML and PCI DSS-compliant apps to ensure the security of sensitive user data in your app. Contact us and get a free project estimation in 48 hours.
Contact us

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

cryptocurrency wallet development: major competitors

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

Account manager

It was pleasant to see our project among references provided by the client.

Account manager 

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:

cryptocurrency wallet development: rework of 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.’

cryptocurrency wallet development: before and after

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.’

cryptocurrency wallet development: redesign of the project

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.

cryptocurrency wallet development: 3 design-concepts

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.

cryptocurrency wallet development: the forth version of the UI-concept

Let’s start creating your fintech app today!
We can’t wait to hear your ideas. Contact us and get a free project estimation in 48 hours.
Let’s start

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:

  1. Hero page
  2. Interactive cards with customized illustrations
  3. Guide on how it works
  4. Blog
Graphic designer on the project

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.

Graphic designer on the project 

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.

cryptocurrency wallet development: new icons

The icons got a new look — now, they are evened out and made of thinner lines. Moreover, we combined them in a single bar.

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 🤘🏻

cryptocurrency wallet development: purrweb's mark on the project

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.

See also  How We Overcame Lack of Experience and Built a Unique App Prototype

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.

How useful was this post?

Rate this article!

34 ratings, аverage 4.4 out of 5.

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

Share