CASE STUDY
Overview
Coorest DApp
Decentralized App built to manage crypto tokens and NFTs
Navigate faster!
ABOUT
Coorest DApp was created to manage the NFTrees that people bought on the market, claiming the $CCO2 tokens that they generated, stake $CRST tokens, and also swap balances.
MY CONTRIBUTION
I was the first and only designer that worked closely with one developer and the CTO. My work consisted of research, designing, and prototyping for the main product. Since I also did the Coorest website, the same look and feel were needed for the DApp, and I applied the same styles.
DESIGN CHALLENGES
Since the industry of Web3 is constantly developing there are a lot of DApps in the market so to stand out from the rest we focused on simplicity and intuitivity because people with no Crypto knowledge have significant issues working with DApps.
PROJECT
Decentralized App
ROLE
Product Designer
TARGET USER
Crypto Enthusiasts / Companies that wants to go carbon neutral
TEAM SIZE
3 people
MY ROLE
Research, Information Architecture, User Experience, Visual Design
01 / Discovery
We started with a team discussion to better understand our user's needs and goals and to plan priorities and ways to fill the market's needs.
WHAT'S THE PROBLEM?
Since Coorest is the first platform to ever tokenize Carbon from the NFTrees, there was a need for the users to have an app to manage their NFTrees, claim the $CCO2 that they absorb and also burn them to create a POCC (Proof of Carbon Compensation).
IDENTIFYING USERS
In terms of users, our platform is similar to crypto DApps, where the user logs in with his wallet and manages NFTs and tokens inside. But the difference is that we have 2 different users here because the business model focuses on B2B too.
GOAL:
To ensure people have an unstressful experience of managing their NFTrees, claiming $CCO2 and whenever needed to burn it for a POCC Certificate
NEEDS:
To clearly see their balance, NFTrees and be able to get a certificate everywhere they are
MUST:
Feel trustworthy, sustainable, and modern
VALUE:
Security and accuracy of their data
02 / Interactions
The Coorest DApp was designed for people to feel good, and safe and to feel the sustainability of the product. That meant that I created a place for people to feel like they can just scroll and spend time in it, added just a bit of gamification like Leaderboards and also charts that people can play with.
BURNING THE $CCO2
Since Coorest provides the ability to create a valid certificate for people's compensation the need of a flow to burn the $CCO2 was needed in order to create this POCC.
MANAGING THE POCC
After you generate your POCC you can see it as a pdf file and you have the options to save it or email it to whoever needs to see that in order for you to compensate for your carbon footprint.
MANAGING NFTREES
In the first phases of the launch, the option to buy NFTrees wasn't part of our priorities but we implemented ways to manage them. In the dashboard you can see how many you have, and how much $CCO2 they absorb per year, you can transfer them to other wallets and in the NFTree section you can even see their details (Location, GPS)
NEEDS:
To clearly see their balance, NFTrees and be able to get a certificate everywhere they are
MUST:
Feel trustworthy, sustainable and modern
VALUE:
Security and accuracy of their data
User flow of main functionalities
03 / Execution
I was mainly responsible for the Brand for Coorest's Website too so in order to keep the same feeling around the places I respected the same colors, border-radius, and spacings but for the fonts, I couldn't use Raleway because the numerals are not well aligned and the DApp involves a lot of numbers.
UI FRAMEWORK
Being the sole designer in the project and also working with one developer in the making of the DApp the creation of a Design System wasn't necessary so I used Finity's Design System because of the wide variety of icons and since Raleway couldn't work I used only Open Sans for the need of a sole font that can look good on numbers, content and titles.
04 / Final thoughts
After delivering the Figma file to the developers I walked them through it because they were new to this tool and after having it implemented I started noticing some important factors
WHAT WENT WELL?
The refreshed look and the UI impacted pretty well the stakeholders and also being on blockchain we started putting the beta version for test where I could watch insights from Hotjar and I noticed people could easily complete simple tasks like changing their name, seeing available NFTrees and claiming CCO2 Tokens because those were the only functioning features at that moment.
WHAT NEEDS TO BE IMPROVED?
Simplyfing UI as much as possible to make a better User Experience because we are targetting people from outside the crypto world and we need to make them comfortable using the DApp to manage their NFTrees and CCO2 Tokens so right now it's just in the beta phase but soon enough I'll be conducting more User Research to understand user's painpoints in getting introduced to the DApp.
WHAT MISTAKES HAVE I MADE AND WHAT TO DO TO PREVENT THEM?
Using Finity Design System provided by our partner Polygon made it pretty hard for me to implement because of the different brand identity differences that we had so I had to constantly adjust it throughout the process. I'll prevent this from happening by creating a unique design system for following sprints, but since this project was done by 1 designer and 1 developer in a timely manner, a design system wasn't neccesary.
Thanks for reading!
Let's work together!