



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
" The complicated process of opening a wallet makes it annoying to make."
A complicated
wallet openingWhen 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.
User 02
" Crypto trading is still unfamiliar, so we need a simpler and easier way to trade."
A complex
transaction processIn 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.
User 03
" I have several cryptocurrencies and NFTs, and I'd like to have a quick look at what they have and their status. "
Complex Crypto
Retention StatusYou need to be able to intuitively
check all your assets,
such as crypto and NFTs.
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
Avoid angular and hard shapes for each component and aim for curves or circles to make users feel familiar.
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.
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.
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.
01
02
03
04












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