Web3, DeFi & NFT Product Design

Design the wallet, the transaction and the position so people understand what they are signing, what it costs, and what happened after — whether it is their first swap or their hundredth.

A steel robotic arm hanging from a ceiling plate links an orange cube onto the end of a chain of white ceramic cubes.
For Web3 product teams
Wallets, DeFi, NFT products
Every state before signing
Fees, approvals, pending, failed
Published crypto case
Xcoins buy journey
No advice, no audits
Design only, clearly scoped

In short

Every wallet action explained before it is signed, and every result shown after.

What's included

  • Wallet connection
  • Signatures and approvals
  • Fees and networks
  • Transaction status
  • DeFi positions
  • NFT discovery

Answers you'll have before development

  • What must someone understand before they sign?
  • How does a pending transaction look, and a failed one?
  • When is a fee shown, and when is it final?

Where it stops

Payment Product Design

Card and bank payments in regular currency.

Web3, DeFi & NFT Product Design

Wallets, signatures and on-chain states.

Not included

  • Investment, financial or legal advice
  • Smart-contract development or audits

What a user signs, sees and keeps

From the first wallet connection to the history of everything it did.

Discuss your product
  • A white ceramic wallet block joined by a thin steel chain to a small graphite key.

    Wallet and permission map

    What connects, what each signature allows, and how access is taken back.

  • Three ceramic blocks on a short steel rail on a white base, the first white, the second half graphite, the last fully graphite.

    Transaction flow and states

    Amount, fees, network, signing, pending, confirmed and failed, in one flow.

  • A steel-rimmed white ceramic tray holding stacks of blank ceramic discs of different heights, the tallest in graphite.

    Portfolio and positions

    Balances, positions and history, with what each number means.

  • A white ceramic plinth holding three square relief tiles on steel pins, the middle one framed in graphite.

    NFT discovery and collections

    Browsing, filters and item pages, with ownership and history in view.

You receive

  • A permission and state map
  • Flows for every transaction outcome
  • UI and a clickable prototype

Designed for the moment before someone signs.

A signature can't be taken back, and the network doesn't explain itself. Each of these states tells people what is happening, what it costs and what they can still change.

Every screen is designed for

  • No wallet connected
  • Wrong network selected
  • Signature requested
  • Network fee changed
  • Pending on chain
  • Failed, fee still spent
  • Approval still active
  • Price moved past the limit
  • Waiting for identity check

When people freeze at the signature

It fits when people hesitate at the wallet, the signature or the fee, and the chain logic is already decided.

  • People stop at the signature

    Users connect a wallet, then leave at the approve or confirm step.

  • Status becomes support

    Tickets ask where a transaction went, why it failed or what a fee paid for.

  • Newcomers and experts share it

    First-time users need guidance that people who trade every day can skip.

  • The contracts are decided

    Chains, contracts and wallets are chosen, so the design can follow what they do.

Let's make signing feel safe

Tell us what your product does on chain and where people hesitate. Expect a short reply naming where we would begin and what we'd need from your engineers.

Scope, access and who does what

Each Web3 project is signed as one of our services; which one depends on how far along the product is, and its proposal sets the terms.

Scope
Per service fixed or phased, set in the proposal
Timeline
Agreed after scope, access and dependencies
  1. You provide

    The product
    The live app or a testnet build, with a test wallet for each kind of user.
    The chain logic
    Which chains, contracts and wallets it uses, and what each action does on chain.
    Evidence
    Where users drop, failed-transaction reasons and the questions support gets.
    Engineering
    The team, the indexer or API behind balances and history, and its delays.
  2. Who does what

    ANODA
    Charts what each wallet action permits and every state a transaction passes through, designs the screens, and writes the build notes.
    Your team
    Owns the contracts, tokens and risk wording, checks every design round, and builds and deploys the product. Legal, regulatory and security reviews are handled on your side.
  3. Boundaries

    Outside Web3 design
    Smart-contract development and audits, tokenomics, security review, and legal, regulatory or investment advice.
    After the design
    Your developers or an outside team build the dApp and wire it to contracts and indexers. A review of that build by us is quoted on request.

Where do your users stop before they sign?

Tell us what the product does, which chains and wallets it uses, and where people drop or ask for help.

What do you need? *
Project budget (USD) *

What is your product, who uses it, and what would you like us to do?

    Within 15 minutes, we’ll reply with initial feedback and follow-up questions.

    Read more about financial product design

    All articles

    Web3, DeFi & NFT Product Design: common questions

    We are comparing firms. How do we pick a crypto design agency that gets DeFi and NFTs right?

    The dashboard is the easy part; judge them on the moments around the signature. Ask to see a pending transaction, a failed one, a fee that changed and an approval that is still active. Find out which chains and wallets they have designed for, how they showed risk while leaving its wording to the client, how much of their design shipped, and who exactly would work on yours. A good crypto design agency can also show how the same product serves a first-time user and someone who trades every day.

    Our users do not understand what they are signing. What should they see about fees, permissions and a transaction's progress?

    In the order people meet them. Before signing: what the action does, what it allows, the network, and the fee with a note on whether it can still change. While it runs: a pending state with a link to the transaction and a realistic sense of time. After: confirmed, or failed with what was spent and what to do next. Permissions stay visible afterwards, so people can see what they approved and take it back.

    Which people and workflows does crypto UX design cover?

    First-time users buying or receiving their first asset; experienced users who swap, stake, lend or trade; collectors and creators on NFT products; and the support and operations teams who answer when something goes wrong. The workflows are onboarding and identity checks, connecting a wallet, buying, sending and swapping, positions and rewards, browsing and collecting NFTs, history and statements. Each is designed for the states between the click and the result on chain. The two groups pull in different directions: a newcomer needs plain words, one decision per screen and a clear way back, while an experienced user wants the network, the route and the exact numbers without extra steps. The design gives each what they need without splitting the product in two.

    Which of your services does a dApp, wallet or NFT product need?

    A new product or feature is designed through UI/UX & Product Design, a dApp in the browser through Web App Design, and wallets and apps people carry through Mobile App Design. Website Design covers Web3 website design: the site that explains the product before anyone connects. When a live product loses people at connect or sign, a UX Audit should come before any redesign. Payments in regular currency belong to Payment Product Design.

    Who writes the risk warnings, and where do identity checks sit in the flow?

    Your legal, compliance and security teams own the rules, the risk statements and which checks apply; we design how and when they appear. That covers where identity checks sit in the journey, how risk and fees are shown before a decision, and how restricted regions or assets are explained. We never tell users what to buy or hold, and we do not review contracts. Clear risk screens do not make a token, a pool or an exchange lawful anywhere, and we never suggest they do.

    Before you start, what access and information should we prepare?

    A testnet build or the live app with funded test wallets; which chains, contracts and wallets it uses and what each action does on chain; drop-off data, failed-transaction reasons and support questions if you have them; one person with the final say; and engineers who can explain what the contracts allow and how late balance data arrives.

    Which crypto work can you show?

    Our published case is Xcoins, a web and mobile app for buying crypto: we redesigned the buy journey from quote to payment, with fees itemised before confirm, payment choice and KYC, across two platforms, web and mobile. Our other Web3, DeFi and NFT projects have no public case study; ask on a call and we will describe them. We do not present Xcoins as DeFi or NFT work.

    Our contracts are already deployed. Can you redesign the dApp around them?

    Yes. Most Web3 work starts from contracts that are already deployed and a product people already use. Screens are shaped by what the deployed contracts and supported wallets allow, built in your own design files and system, shoulder to shoulder with your engineers, and every file comes back to you. Where balances and history arrive late from an indexer, or a network is slow, the design says so plainly instead of showing a number that may be wrong.