CASE STUDY

Overview

Coorest DApp

Decentralized App built to manage crypto tokens and NFTs

Navigate faster!

Join me in a 7 minute presentation of the DApp

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!