Blockcerts is a blockchain company with multiple decentralized apps. These are the main projects I've worked on between 2020 - 2022.
On the onboarding, the company wanted the users to started feeling the security they get once they are inside. On the other hand, we also had this problem where users had to go thought the KYC - Know Your Customer - process. And as fast and seamless we could.
- Bounce Rate was ridiculous huge;
- Broken Flows and Instability;
- Visual design was in the 90's;
- The user had to go thought 3 products;
- The user got lost after the sign-up process;
- What did motivated you to visit our website?
- Can you describe your experience navigating through the website?
- What challenges did you face during the sign-up process?
- What are your impressions of the visual design?
- How do you feel about the number of products offered?
- verifiablecredentials.dev
- sovrin.org
- accredible.com
- Certik
- Open Badges
- Bounce Rate: 93%
- Conversion Rate: 0.5%
- Time Spent on different pages
- Heat Map
It is like a usual wallet, the thing is that in BlockCerts you would have wallets inside of wallets, so we named it Vault to be easily distinguishable.
One of the philosophy of BlockCerts is that everybody is who they claim to be, so to make it happen they need to go thought the KYC process.
This step was not essencial for the user to create their account, however the board wanted users to know they could sign documents with encrypted proof.
As soon as we got in the requirements, we knew that the process would not be that fast, but once the user started we wanted they to have a wow moment. So we created this CSD (Brazilian Design Methodology).
*Hidden cards in respect to BlockCerts sensitive information
After that I layed out what the User Journey would be. Please take in mind that in this phase we like to consider only the happy path, so it is usually a straight line towards the Goal of that journey.
*This is only one of the User Journeys
Then, based on the User Journeys, I start creating the site map to understand which pages I would have to create. Now taking in mind problems that could occour, like error messages and their solutions.
I still like to do the wireframes by hand, it give us focus on the process and not on the perfection of it, it is much faster then a high-fidelity interface.
The wireflow I use the best ideas I got from the wireframes and put it on the digital - Figma, with the interaction flows.
On this project, we created a wallet desktop app. This was essencial for our users to purchase the BCERTs - the crypto - and swap it for Power - Power is like the Gas on ethereum - which is consumed by the other products to make the blockchain happen.
Another crucial aspect of this project was the Goal, to get cashflow from users. Before this BlockCerts relied 100% on investors.
"The recent overhaul of the onboarding process is a game-changer! Previously riddled with bugs and complexities, it's now a seamless and visually stunning experience."
"You guys raised the bar for the sign-up process, whish other companies did the same."
"Wow, what a transformation! Gone are the days of frustration and glitches during account setup."
"I was never able to manage my tokens because the old sign-up never worked. Now I can invite my friends to come over."
