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

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.


1.7. Menu
Logo
Blockchain dropdown select [Testnet, Devnet, Mainnet]
Sandwich menu button
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?