Wallet Structure

Overview of the wallet structure & Examples for the UI design

1. Alpha Version Screen Ideas

Think of Mobile & Full Screen Views when designing the UI!

1.1. Dashboard

1.1.1 Tokens (short view)

1.2.2 NFT (two-line views)

1.2.3 Transactions (2 line views)

1.2. Transactions

1.2.1 List of the transactions with a brief description (operation, hash, amount)

1.2.2 Opens to view a transaction (fee, data)

1.3. Send

1.3.1 Target Blockchain

1.3.2. Target Address (To)

1.3.3 Amount

1.3.4 Token

1.3.5 Fee Estimation

1.3.6. Send button

1.3.7. Cancel button

Example:

1.4 Receive

1.4.1 Explanation

1.4.2 QR Code

1.4.3 Address Hash: haaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaash copy button

1.4.4 Close / Done button

1.5 Tokens View

1.5.1 Token Logo

1.5.2 Token Name

1.5.3 Amount of such tokens

1.5.4 Menu for Sending, Receiving, Buying the selected coin

Example View

1.6. NFTs

1.6.1 NFT must be displayed in Cards

1.6.2. NFT Image / Video

1.6.3 NFT Name (can be a hash or like NAME-1234)

1.6.4 NFT Nonce (an integer number from 1...)

1.6.5 NFT Category [ Art, Music, DomainName, VirtualWorld, TradingCard, Sports Utility, Collectibles ]

P.S. nft_pallet must be altered to support structured NFT metadata e.g. category.

Populate with the images of NFTs with data (see OpenSea)
OpenSea NFTs View

1.7. Menu

  1. Logo

  2. Blockchain dropdown select [Testnet, Devnet, Mainnet]

  3. Sandwich menu button

  4. Sign Out button

Example as an idea:

2. Betta Version Screens (WIP)

2.1. Finance

2.1.1 Blockchain List

2.2. DApps

2.3. DEX (Not in Alpha Version)

2.3.1 Swap

2.3.2 Exchange

2.4. Settings (Not in Alpha Version)

2.4.1.1.Day View

2.4.1.2.Night View

Last updated

Was this helpful?