Secret Network

Crypto wallet · Case study

Relay is a wallet for SCRT, the token of Secret Network, and the tokens around it. I designed the whole flow: creating or importing a wallet, the balance screen, sending and receiving, staking with validators, and wrapping tokens.

The Relay design board: about thirty dark screens connected by green arrows, with onboarding on the left, the wallet in the middle, and a long staking flow along the top.

01Overview

A small wallet with staking built in

The screens are compact and dark, with one acid-green accent for balances and primary buttons. A bottom bar splits the app into Wallet, Staking, Tokens and Account, and a menu holds the rest: wrapping, address book, history and settings.

The board is laid out as a prototype, with arrows from each button to the screen it opens, so every path through the app is accounted for, including confirmations and sign-out.

02What I designed

Five flows

  • OnboardingCreate or import a wallet

    Account name and password, terms, a nine-word seed phrase to write down, then a step to confirm it in order.

  • WalletBalance, send and receive

    Total balance in dollars, available and staked SCRT, pending rewards with Claim, a send form with a gas level, and a QR code to receive.

  • StakingValidators and delegation

    A searchable validator list with voting power and commission, a delegate screen with a percentage slider, and screens to delegate more or undelegate.

  • WrappingConvert between tokens

    From and to selectors, a slider for the share of the balance, and a details screen to approve or reject.

  • TokensPer-token balance and history

    A list of tokens you can switch on or off, and a page for each with its own balance and transactions.

03Screens

Key screens

Relay welcome screen with the green relay wordmark, 'Hi, Welcome back' and two buttons, Receive and Import a Wallet
WelcomeThe entry point: start a new wallet or import one.
Seed phrase screen showing nine words in a three by three grid with a Next button
Seed phraseNine words in reading order, confirmed on the next screen.
Wallet home with a large green total balance, available and staked SCRT cards, pending rewards with Claim, and Receive, Send and swap buttons
WalletTotal balance first, then what is available, staked and claimable.
Send form with recipient, amount in SCRT, optional memo, a gas toggle and Low, Normal, High fee options
SendRecipient, amount, memo and a three-step gas choice.
Staking tab listing validators such as Citadel.one and secretnodes.com with voting power and commission
ValidatorsVoting power and commission side by side for each validator.
Validator detail for Citadel.one with a slider set to 75 percent of the available balance and a Delegate button
DelegateA slider sets the share of the balance; the amount field follows.
Wrapping screen with From and To token selectors, a 25 percent slider, quantity field and Wrap button
WrappingThe same slider pattern, reused for converting tokens.
USDT token page with available balance, Receive and Send buttons and a list of wallet replenishment transactions
Token pageEach token gets the wallet layout plus its own history.
Menu with Wrapping, Address Book, Wallet History, Settings, Change Wallet Password and Sign Out
MenuEverything outside the four tabs, in one list.
  • Add the client and year to the header line; the Figma section is only named "Crypto SecretNetwork Project".
  • Confirm the platform: the 375×580 frames could be a browser extension popup or a mobile app. The page avoids saying which.
  • Confirm "Relay" is the product name you can show, your role, and whether it shipped.
  • Onboarding screens still have placeholder text; the page describes structure, not copy. Names, addresses and balances are design data.