A total redesign of a web platform, offering automated investment processes, helping new investors break into the cryptocurrency world.
Covalent pro
Business goals
-
To offer a superior ETF platform that will better suit the needs and requirements of entry-level users
-
Streamlining the onboarding process, to minimize bounce rate
Challenges
-
Making complex technical and financial concepts accessible and clear
-
Redesign the onboarding process that consists of many steps, making it user-friendly as possible
-
Encourage users to invest, by designing a platform that feels reliable and innovative
User research
User journey
Architecture
Sketches
Wireframes
UI Design
User research
Built from scratch, my job includes finding the product "market fit".
Following user research, I found that "Covalent pro" needs to focus its efforts on people who don't own any cryptocurrency. This is due to two reasons:
-
82% Of existing crypto investors own more than one type of crypto coin, making "Covalent pro" services less attractive
-
It is more likely for a new investor to join the service, compared to one who is already using a different platform
The main pain points addressed by our potential users:
1.
Legitimacy of cryptocurrencies and fear of fraud or insufficient security
2.
The cryptocurrency market is highly volatile and can be scary
3.
Lack of Knowledge about the crypto investment world and it's terms
"I want to know everything before I invest. Then, to give my money and forget about it"
Architecture
Planning the screen order was guided by the following:
Simplicity and clarity -
Simplifying the registration process by minimizing informational and visual clutter. This is achieved by exposing the user to only the most pertinent information at the relevant time.
Transparency -
The User should be aware of how long the process might take, with the aim of minimizing the chance of being surprised by the number of stages or the length of time they weren't expecting.
Positive image -
Using additional screens to instill a sense of reliability and competence.
I followed the same guidelines while designing the individual wireframes.
Sketches
UI Design
Visuals and symbols
The turmoil of bitcoin and other cryptocurrencies could threaten and cause a large potential audience to avoid investing.
One of the key traits of Covalent is to mitigate the risk the user is exposed to by investing in multiple currencies, reflected in a less frenetic graph that new and less experienced users may relate to.
Turning this
Into this
Using it as a graphic signature of the Covalent brand
Color scheme
I used cobalt purple-blue as the predominant color. Cold purple is a soothing color that conveys the emotions of innovation, authority, and knowledge.
#4840BB
#6D64EB
#A3A0FB
#1B1B1B
#272727
#AFAFAF
#EFF2F7
#FCFCFC
Typography
Source Sans Pro
H1
38px Semi Bold
A a B b C c D d E e F f
H2
24px Semi Bold
0 1 2 3 4 5 6 7 8 9
P1
20px Regular
! @ # $ % ^ & * ( )
P2
18px Regular
P3
15px Regular
Wireframes
Selected wireframes from the project.
Landing Page
A simple and clean design that aims to convey quality and restraint on the one hand and technological innovation on the other
Addressing pain points in optional users
Video explaining the product, how it works. It also addresses some of the users' pain points
Article area. Shows seriousness and knowledge.
Sign Up
Takes place before the onboarding and gives us the user's email. We will contact him if he did not proceed with the onboarding process.
Onboarding
The main challenge was the onboarding - a process which consists of many steps, third-party sign-ups, and long, tedious waiting times to even get started. We wanted to simplify and reduce friction for the user as much as possible, as well as reducing anxiety and trust issues that might arise from dealing with money, specifically cryptocurrency.
About the Covalent pro team
Guides and articles
Dashboard
Like the rest of the site, the dashboard should reflect on the one hand professionalism and technological pioneering, and on the other hand be simple to understand without too many options, which can confuse the average user. The most important thing for the user who comes to check the condition of his money from time to time is the balance. Therefore appears in a major central place. Design - clean and minimalist, a little pleasant decoration in the connection of the panel on the left.
FAQ
In order to create a clear and uniform design throughout the entire process, each question gets its own page.
