It is time to start using our skills for the new tech incoming.Say hello to a Web3 agency looking for clients who want to switch from web2 to web3.

Overview

Crypto, NFTs and Web3 are everywhere. 
Let's focus on helping companies to step into web3 by proving advice and services.

My role: UX, UI designer
Duration: 4 weeks
Tools: Figma, Illustrator, photoshop

Challenge

Web3 might be hard to understand when we face a very beginner type of profile. We need to be as precise and straight forward as possible.

Goal

Deliver a brand identity and its associated UI for a website showing all the available services.

01 - DISCOVER

 

Web3 is hard to understand?

After taking a closer look into companies that want to integrate Web3, I realized businesses struggle to understand what web3 is, and don't understand the true value of intering this market. 

The key finding here is that companies using web2 need an acutal ally in their web2-Web3 transition. The consulting method would be appropriate.

In fact while doing my researches, I found major questions regarding web3 & Defi.

  • "Where do we find a 360 service company to help us out?"
  • "Where do we find a legitimate regulation/legal service?"
  • "How can we make sure that we can trust a web3 agency?"


02 - DEFINE

 

What do companies want?

I conducted user interviews to gather companies point of views and thoughts on their expectations when it comes to a web3 consulting agency. I could find 4 major pillars: 

1. Business partnership 
2. Consulting
3. Education 
4. Web3 project development 

I synthesized my findings to group similar thoughts and behaviors into affinity and empathy maps

To conclude my research, I came up with a few How Might We statements to focus on users’ pain points that I wanted to solve. 

HMW show these services on the website and make it clear to everyone?
HMW help web2 company to pick which services they need?
HMW increase user and client trust ?

interviews

03 - DEVELOP

 

Empathize with users

I needed to identify the needs of my users and think of how they will use Diamonite.  After spending about an hour writing down user stories, I prioritized them to figure out my Minimum Viable Product (MVP). Identifying high-priority functions helped me understand users' behaviors. Here are a few:

1.Search through all the different types of services so that I can figure
out which service they might need.

2.View high-quality examples of our work so that the customer can
project himself working with Diamonite.

3.Ask for a discovery meeting to talk about needs all together 

As part of the user-centered design process, I wanted to make
sure that my content would be in the correct places so I conducted a card sort.

Untitled

04 - DELIVER

 

Style guide

The UI here is inspired by Web3 design trends. 
We want a professional look and feel while bringing subtle pop colors for CTAs.

Fichier-6@2x-8
Fichier-5@2x-8
Fichier-7@2x-8
Fichier-8@2x-8
sz

High fidelity screens

Creating high-fidelity screens was my favorite part! I loved being able to play around in Figma to create the best version of this website. Learning and iterating as I go was an enjoyable experience!

Frame-9

05 - DOES THIS WORK?

I gained confidence after completing this project. What I'm most proud of from this project was the ability to conduct research, rebrand, ideate, and design a web app all within this time frame.  

The choice of color was very complex and working in collaboration with devs during the whole process was amazing. 

Moving forward, I would continue to create library components like I did for this project, and really focus on getting the best user flow we can create.

 

View