Design Mockups

[bro-n-bro-0]

Design mockups for a non-custodial crypto wallet to be integrated into Telegram as a mini-app. The mockups should cover the following functions and visual elements.

Design Wallet Interaction Functions:

• Design creation wallet window #2

• Screen for creating a new wallet

• Includes generating a new address and private key

• Displays a mnemonic phrase for backup.

• Verify mnemonic phrase for backup with 2 random words

• Design import wallet window #3

• Screen for importing an existing wallet

• Input field for mnemonic phrase or private key

Visual data

• #4
• Display the current balance in ATOM and other supported tokens, 10+ is possible, sort by $ valuation
• #5
• Display the current staking balance
• Information about earned rewards
• Design Receive QR Code page #6
• Screen with a QR code for receiving ATOM
• Includes the wallet address in text format

Transaction Signing Functions

• Design Transaction Signing Window #7
• Modal window for confirming and signing transactions, with gas choosing, opportunity to sign with biometry
• Includes transaction details (amount, recipient address, fee)
• Design Send Transaction Flow #8
• Screen for sending $TOKEN, add opportunity to scan QR code
• Input fields for recipient address and amount
• Confirmation and signing button
• Transaction Signing Window
• Design Stake Transaction Flow #9
• Screen for delegating ATOM to a validator
• Input fields for selecting a validator and amount to delegate
• Confirmation and signing button
• Transaction Signing Window
• Claim Transaction #10
• Screen for claiming earned rewards
• Display available rewards to claim
• Confirmation and signing button
• Transaction Signing Window
• IBC Transfer Transaction #11
• Screen for sending $TOKEN to another blockchain via IBC
• Input fields for recipient address, amount, and network selection, as destination chain
• Confirmation and signing button
• Transaction Signing Window
• Add IBC transfer channel #12
• Modal window for adding new ibc channel
• Destination chain field, source channel id field
• save button