UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

Your Gateway to Gnoland

Your Gateway to Gnoland

Your Gateway to Gnoland

Your Gateway to Gnoland

“ Adena is kind, unmanaged, and open-source.

Gnoland wallet made worldwide for Gnomes. “

“ Adena is kind, unmanaged,

and open-source.

Gnoland wallet made worldwide

for Gnomes. “

“ Adena is kind, unmanaged, and open-source.

Gnoland wallet made worldwide for Gnomes. “

As the first non-custodial crypto wallet on Gnoland, we aim to provide Gnomes with a seamless web3 interaction experience. Whether you're a adventurous user exploring the world of crypto or an aspiring developer looking to build innovating blockchain applications, Adena will be your most reliable Gateway to Gnoland.

As the first non-custodial crypto wallet on Gnoland, we aim to provide Gnomes with a seamless web3 interaction experience. Whether you're a adventurous user exploring the world of crypto or an aspiring developer looking to build innovating blockchain applications, Adena will be your most reliable Gateway to Gnoland.

Research

Research

We conducted an in-depth survey of which panepoints and touchpoints are available to users using existing crypto wallets. This resulted in three core insights in crypto wallet user genie.

We conducted an in-depth survey of which panepoints and touchpoints are available to users using existing crypto wallets. This resulted in three core insights in crypto wallet user genie.

Research

We conducted an in-depth survey of which panepoints and touchpoints are available to users using existing crypto wallets. This resulted in three core insights in crypto wallet user genie.

User 01

User 01

User 01

" The complicated process of opening a wallet makes it annoying to make."

" The complicated process of opening a wallet makes it annoying to make."

" The complicated process of opening a wallet makes it annoying to make."

User 02

User 02

User 02

" Crypto trading is still unfamiliar,
so we need a simpler and easier way
to trade."

" Crypto trading is still unfamiliar, so we need a simpler and easier way
to trade."

" Crypto trading is still unfamiliar,
so we need a simpler and easier way to trade."

User 03

User 03

User 03

" I have several cryptocurrencies and NFTs, and I'd like to have a quick look at what they have and their status. "

" I have several cryptocurrencies and NFTs, and I'd like to have a quick look at what they have and their status. "

" I have several cryptocurrencies and NFTs, and I'd like to have a quick look at what they have and their status. "

A complicated
wallet opening


A complicated
wallet opening

When opening an existing crypto wallet, such as identity authentication and security settings, it is necessary to reduce unnecessary steps among complex steps as much as possible.

A complex
transaction process

A complex
transaction process

In cryptocurrency transactions, elements that make the transaction experience more familiar by intuitively creating differences from the general financial market, such as key/transaction fees, are needed.

Complex Crypto Retention Status

Complex Crypto Retention Status

Complex Crypto
Retention Status

You need to be able to intuitively
check all your assets,
such as crypto and NFTs.

Translating the complex and unfamiliar experience of cryptocurrency trading into
a simpler and easier experience for anyone
to approach and try easily

Translating the complex and unfamiliar experience of cryptocurrency trading into
a simpler and easier experience for anyone
to approach and try easily

Translating the complex and unfamiliar experience of cryptocurrency trading into
a simpler and easier experience for anyone
to approach and try easily

Translating the complex and unfamiliar experience of cryptocurrency trading into
a simpler and easier experience for anyone
to approach and try easily

History

Dashboard

Wallet

Governance

Stake

Docs

NFT

Proposal

Proposal

Proposal

UX Strategy

UX Strategy

UX Strategy

INTUITION

INTUITION

INTUITION

INTUITION

Creating a user experience that anyone can easily and conveniently use

by giving intuitive order to the functions and elements related to cryptocurrency transactions that users can email when using Adena.

Creating a user experience that anyone can easily and conveniently use by giving intuitive order to the functions and elements related to cryptocurrency transactions that users can email when using Adena.

Creating a user experience that anyone can easily and conveniently use

by giving intuitive order to the functions and elements related to cryptocurrency transactions that users can email when using Adena.

Proposal 01

Intuitively Creating

a Crypto Wallet

Proposal 02

Intuitive Crypto

Trading Process

Proposal 03

Intuitive Crypto Wallet

Status Checking

Proposal 01

Proposal 01

Intuitive Creating

Crypto Wallet

Intuitive Creating

Crypto Wallet

Proposal 02

Proposal 02

Intuitive Crypto

Trading Process

Intuitive Crypto

Trading Process

Proposal 03

Proposal 03

Intuitive Crypto

Wallet Status

Checking

Intuitive Crypto

Wallet Status

Checking

Proposal 01

Intuitive Creating

Crypto Wallet

Proposal 02

Intuitive Crypto

Trading Process

Proposal 03

Intuitive Crypto

Wallet Status

Checking

UI Concept

UI Concept

UI Concept

UNIVERSAL

UNIVERSAL

UNIVERSAL

UNIVERSAL

Universal UI design that is not limited to a specific user

but universally makes it easy and comfortable for all users.

Universal UI design that is not limited to a specific user

but universally makes it easy and comfortable for all users.

Universal UI design that is not limited to a specific user

but universally makes it easy and comfortable for all users.

Curve

Curve

Avoid angular and hard shapes for each component and aim for curves or circles to make users feel familiar.

Curve

Avoid angular and hard shapes for each component and aim for curves or circles to make users feel familiar.

Monotone + Blue Point

Monotone + Blue Point

Monotone + Blue Point

It encourages users to approach it without burden by using monochrome monotone rather than gradation or colorful visual elements using various colors. Using high-saturated blue as a point color increases visual awareness in a monotone mood that can be monotonous and highlights the brand's smart image.

It encourages users to approach it without burden by using monochrome monotone rather than gradation or colorful visual elements using various colors. Using high-saturated blue as a point color increases visual awareness in a monotone mood that can be monotonous and highlights the brand's smart image.

Identifiable status

icons / fonts at a glance

Identifiable

status icons

/ fonts at a glance

Identifiable status

icons / fonts at a glance

To make cryptocurrency transactions an easy experience for all users, important factors include large icons, bold fonts, and high saturation RGB colors to identify various variables generated during the transaction process at a glance.

To make cryptocurrency transactions an easy experience for all users, important factors include large icons, bold fonts, and high saturation RGB colors to identify various variables generated during the transaction process at a glance.

Browser Extension App

Browser Extension App

Browser Extension App

Adena which supports various browsers can transfer, deposit, and manage tokens. The remittance process is configured to make it easier to proceed, and the status is configured with bold icons and typography to increase visibility.

Adena which supports various browsers can transfer, deposit, and manage tokens. The remittance process is configured to make it easier to proceed, and the status is configured with bold icons and typography to increase visibility.

Adena which supports various browsers can transfer, deposit, and manage tokens. The remittance process is configured to make it easier to proceed, and the status is configured with bold icons and typography to increase visibility.

Download The App

Intuitively

Creating a Crypto Wallet

Intuitively

Creating a Crypto Wallet

It makes it possible to open a wallet with just a few clicks of an intuitive button, embarrassing barriers to entry into a crypto wallet that may be unfamiliar.

It makes it possible to open a wallet with just a few clicks of an intuitive button, embarrassing barriers to entry into a crypto wallet that may be unfamiliar.

It makes it possible to open a wallet with just a few clicks of an intuitive button, embarrassing barriers to entry into a crypto wallet that may be unfamiliar.

Intuitively

Crypto Trading Process

Intuitively

Crypto Trading Process

By simplifying the unfamiliar transaction process from crypto to NFTs as much as possible, it is designed to make trading as convenient for users as general financial transactions.

By simplifying the unfamiliar transaction process from crypto to NFTs as much as possible, it is designed to make trading as convenient for users as general financial transactions.

By simplifying the unfamiliar transaction process from crypto to NFTs as much as possible, it is designed to make trading as convenient for users as general financial transactions.

Wallet

When the app was launched, it was designed to stick to the essential functions of your wallet by placing your money in bold at the top. In addition, the most important features in crypto transactions such as Deposit and Remittance were placed with your money with intuitive buttons so that you could do business right away without complicated steps. The process of Remittance is designed to be as simple as possible.

When the app was launched, it was designed to stick to the essential functions of your wallet by placing your money in bold at the top. In addition, the most important features in crypto transactions such as Deposit and Remittance were placed with your money with intuitive buttons so that you could do business right away without complicated steps. The process of Remittance is designed to be as simple as possible.

NFT

We chose a gallery format so that you can intuitively check the character of the NFT you have. As well as checking and storing the details of each NFT, the transaction is also designed to be easy to trade in a few steps, just like crypto transactions.

We chose a gallery format so that you can intuitively check the character of the NFT you have. As well as checking and storing the details of each NFT, the transaction is also designed to be easy to trade in a few steps, just like crypto transactions.

Staking

We chose a gallery format so that you can intuitively check the character of the NFT you have. As well as checking and storing the details of each NFT, the transaction is also designed to be easy to trade in a few steps, just like crypto transactions.

We chose a gallery format so that you can intuitively check the character of the NFT you have. As well as checking and storing the details of each NFT, the transaction is also designed to be easy to trade in a few steps, just like crypto transactions.

Intuitively Crypto Wallet
Status Checking

Intuitively Crypto Wallet
Status Checking

It is designed by properly placing bold icons, fonts, and buttons so that users can intuitively check the status of their wallets and transactions at any time.

It is designed by properly placing bold icons, fonts, and buttons so that users can intuitively check the status of their wallets and transactions at any time.

It is designed by properly placing bold icons, fonts, and buttons so that users can intuitively check the status of their wallets and transactions at any time.

직관적인 거래 상태

Intuitive trading conditions

Intuitive trading conditions

Intuitive trading conditions

Intuitive Transaction History Checks

& Intuitive Holds Coin On-Off

Intuitive Transaction History Checks

& Intuitive Holds Coin On-Off

Intuitive Transaction History Checks

& Intuitive Holds Coin On-Off

Style guide

Style guide

Neutral

Neutral

#212128

#212128

R: 33 G:33 B:40

R: 33 G:33 B:40

C: 75 M:70 Y:60 K:70

C: 75 M:70 Y:60 K:70

Neutral

Neutral

#FFFFFF

#FFFFFF

R: 255 G:255 B:255

R: 255 G:255 B:255

C: 0 M:0 Y:0 K:0

C: 0 M:0 Y:0 K:0

Primary

Primary

#0059FF

#0059FF

R: 0 G:89 B:255

R: 0 G:89 B:255

C: 80 M:65 Y:0 K:0

C: 80 M:65 Y:0 K:0

Red

Red

#EF2D21

#EF2D21

R: 239 G:45 B:33

R: 239 G:45 B:33

C: 0 M:95 Y:100 K:0

C: 0 M:95 Y:100 K:0

Green

Green

#0DBE89

#0DBE89

R: 13 G:190 B:137

R: 13 G:190 B:137

C: 75 M:0 Y:65 K:0

C: 75 M:0 Y:65 K:0

Poppins

Line height txt size*1.5

Header1

Header2

Header3

Header4

Header5

Header6

Body1Bold

Body1Reg

Body2Bold

Body2Reg

Body3Bold

Body3Reg

CaptionBold

Caption Reg

Poppins

Line height txt size*1.5

Header1

Header2

Header3

Header4

Header5

Header6

Body1Bold

Body1Reg

Body2Bold

Body2Reg

Body3Bold

Body3Reg

CaptionBold

Caption Reg

Poppins

Line height txt size*1.5

Header1

Header2

Header3

Header4

Header5

Header6

Body1Bold

Body1Reg

Body2Bold

Body2Reg

Body3Bold

Body3Reg

CaptionBold

Caption Reg

Poppins

Line height txt size*1.5

Header1

Header2

Header3

Header4

Header5

Header6

Body1Bold

Body1Reg

Body2Bold

Body2Reg

Body3Bold

Body3Reg

CaptionBold

Caption Reg

Dashboard

Dashboard

Adena’s PC/MOB dashboard makes users understand the current status of crypto currency transactions, governance, and history. It is organized so that users can effectively grasp the hierarchy of information by distinguishing color boxes and adjusting the speed of typography.

Adena’s PC/MOB dashboard makes users understand the current status of crypto currency transactions, governance, and history. It is organized so that users can effectively grasp the hierarchy of information by distinguishing color boxes and adjusting the speed of typography.

Adena’s PC/MOB dashboard makes users understand the current status of crypto currency transactions, governance, and history. It is organized so that users can effectively grasp the hierarchy of information by distinguishing color boxes and adjusting the speed of typography.

Dashboard

Stake

Governance

History

Docs

Dashboard

Stake

Governance

History

Docs

Landing page

Landing page

Adena which supports various browsers can transfer, deposit, and manage tokens. The remittance process is configured to make it easier to proceed, and the status is configured with bold icons and typography to increase visibility.

Adena which supports various browsers can transfer, deposit, and manage tokens. The remittance process is configured to make it easier to proceed, and the status is configured with bold icons and typography to increase visibility.

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

Visit The Website

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc

UX/UI Design
Browser Extension App
PC Dashboard


MOB Dashboard
PC Landing Page
MOB Landing Page

2022
Client. Onbloc