Uniswap

Primary purpose: Execute token swaps with a wallet-connected flow, including network support and a basic buy/sell quote UI.

Where it lives: /swap (Title: “Buy, sell & trade Ethereum and other top tokens on Uniswap”).

What you can do (observed UI):

• Connect wallet entry points: buttons “连接” / “连接钱包”; wallet options shown below (e.g., WalletConnect, Coinbase Wallet, Binance Wallet).
• Quote inputs are presented as a two-asset form:
  • Sell side shows “出售 ETH” with an amount area displaying “US$0”.
  • Buy side shows “购买 0 选择代币” with “选择代币” selector.
• Compliance/consent message appears on the page: connecting implies agreement to Uniswap Labs 服务条款 and 隐私政策.

Interactive elements that reveal behavior:

• Token picker (“选择代币”) implies search/list modal.
• Amount fields (displayed as USD equivalents) imply live pricing/quote updates.
• “了解详情” is used as the jump-off CTA for new features and education.

Adjacent feature surfaced:

• A promo block: “全新功能：Uniswap 拍卖” with CTA “了解详情” suggests an auction participation module linked from Swap.

Strategic significance: Swap is the conversion funnel. The UI is intentionally minimal (two-asset form + wallet connect), with network expansion messaging (“Ethereum, Base, Arbitrum, Polygon, Unichain and more”) to keep liquidity routing and chain choice abstracted from the user.

Primary purpose: Discover tokens/pools and monitor aggregate protocol metrics (volume, TVL) with filters by chain and time window.

Where it lives: /explore (Title: “在 Uniswap 上探索 Ethereum 的热门代币”).

Key visible metrics (top-line dashboards):

• “1 日交易量 US$20.14亿 (69.04%)”
• “总 Uniswap TVL US$24.76亿 (4.34%)”
• Split TVL by version:
  • v2 TVL US$8.33亿 (0.68%)
  • v3 TVL US$10.37亿 (7.83%)
  • v4 TVL US$6.06亿 (2.98%)

Navigation + structure:

• Section heading “资金池” indicates the page is pool-centric (with a likely table/list below).
• A search input “搜索代币” suggests token lookup across the dataset.

Filters/segmentation controls:

• Chain selector shows “所有网络” with a long list: Ethereum, Unichain, Base, Arbitrum, Solana, Polygon, OP Mainnet, BNB Chain, Avalanche, ZKsync, Blast (and others).
• Time range toggles: “1 小时 / 1 天 / 1 周 / 1 个月”; combined with a metric toggle “交易量” implies the same list can be re-ranked by different windows.

CTAs:

• “连接” suggests optional wallet context (e.g., personalized data), but the page’s core is public market data.
• “了解详情” likely links to deeper docs or pool/token detail.

Strategic significance: This is the discovery layer that feeds Swap and LP actions. By exposing TVL and volume (including v2/v3/v4 breakdown), Uniswap sets expectations on liquidity depth and directs users toward active markets before they trade or provide liquidity.

Primary purpose: View and manage on-chain liquidity positions, with emphasis on v4 and hook-enabled pools; create new positions after wallet connect.

Where it lives: /positions (Title: “在 Uniswap 上管理资金池流动性”).

Core UI states and actions:

• Default gated state: “连接钱包 要查看你的头寸和奖励，需先连接钱包。” with buttons “连接” / “连接钱包”.
• Primary action: “新仓位” for adding liquidity.
• Secondary discovery: “探索更多资金池”.

v4-specific signals:

• The page explicitly references “查看你的活跃 v4 流动性头寸”.
• A section callout: “v4 上的钩子 Allowlisted hooks” implies only allowlisted hook contracts are shown/usable from this UI.

Data points surfaced (pool ranking preview):

• Label: “按 TVL 排名靠前的资金池”.
• Example pool snippet shows tokens like WISE / ETH and fee/return indicators like “0.3%”, plus an “年化利率” label with a visible value around “0.01%”.
• Additional token rows are visible: USDC, USDT, WBTC, with percentage figures shown in-line (e.g., “36.8%”, “34.07%”, “24.94%”, “27.19%”, “2.46%”), indicating per-pool composition or yield/TVL share metrics.

Wallet ecosystem integration:

• Prominent “Get Uniswap Wallet” block (iOS/Android/Chrome) plus QR connection, and “Other wallets” list (WalletConnect, Coinbase Wallet, Binance Wallet).

Strategic significance: LP management is Uniswap’s supply-side console. By highlighting v4 hooks and TVL-ranked pools, the product steers liquidity toward vetted hook markets and reduces risk from arbitrary hook contracts, while keeping “New Position” as the main conversion step post-connect.

Primary purpose: Provide a wallet-based portfolio view across networks, including token holdings, value changes over time, and NFT categorization.

Where it lives: /portfolio (Title: “在 Uniswap 上跟踪你的加密货币资产组合”).

Wallet-gated flow:

• Prominent CTA: “连接钱包 以查看你的资产组合” with “连接” / “连接钱包” buttons.

Visible portfolio metrics (demo/preview values):

• Total value shown: “US$2,312.35”.
• Period change shown: “US$52.79 (2.22%)”.
• Time-range controls: “1 天 / 1 周 / 1 个月 / 1 年”.
• Activity/coverage indicators visible on the page:
  • “本周交换笔数” and “本周交换量” (labels suggest weekly trading stats once connected).
  • “43 个代币” indicates token count tracked.
• Asset rows preview includes examples like:
  • ETH with a quoted value near “US$2,044.64”.
  • USD Coin (USDC) with “US$1.00” and a balance shown around “8.39 USDC (US$8.39)”.

Network context:

• A network selector similar to Explore is visible (e.g., Ethereum, Unichain, Base, Arbitrum, Solana), implying cross-chain aggregation.

Additional asset classes:

• A labeled section “非同质化代币” indicates NFTs are included as a separate category.

Strategic significance: Portfolio is the retention module: it gives users a reason to return between swaps. By combining multi-network holdings, performance over time, and activity summaries, it supports both casual users (simple total value) and power users (time-based tracking and per-asset breakdown).

Primary purpose: Centralize governance participation resources and explain the governance lifecycle, including grants and forecasting tools.

Where it lives: /governance (Title: “Uniswap governance”).

Structure (headings observed):

• H1: “Uniswap governance”
• H2 sections:
  • “Governance Resources”
  • “Phase 1”, “Phase 2”, “Phase 3” (explicit phased process)
  • “Introducing CFMs: A new way to forecast the impact of governance decisions.”
  • “Governance Grants”

Resource linking (navigation cues):

• The page surfaces entry points such as Uniswap Governance Forum and Agora (listed under resources), implying:
  • Forum-based discussion and temperature checks
  • Proposal aggregation/voting UI via an external governance frontend

Content emphasis:

• The description frames the Uniswap Foundation as a nonprofit supporting innovation across the community.
• The phased headings suggest a defined path from early signaling to formal voting/execution.
• The “CFMs” callout indicates tooling for modeling outcomes of governance decisions (e.g., impact forecasting).

Strategic significance: Governance is the coordination layer for protocol evolution and treasury/community programs. Keeping phases, resources, and grants on one page reduces fragmentation: builders find funding (grants), delegates find process (phases), and token holders find where to participate (forum/agora). This module is essential for protocol legitimacy and long-term upgrade velocity.

Primary purpose: Provide end-to-end developer documentation for integrating Uniswap at smart-contract and app levels.

Where it lives: /developers (Title: “BuildwithUniswap”; Description: “Technical Documentation For The Uniswap Protocol”).

Information architecture (headings observed):

• H1: “BuildwithUniswap”
• H3:
  • “What is Uniswap?” (core protocol concepts)
  • “Integrate with Uniswap”
  • “The Uniswap smart contracts”
  • “Integrate your Smart Contracts”
  • “Integrate your dApp”
• H4 under smart-contract integration:
  • “Fetch token prices”
  • “Create a Trade”
  • “Route trades”
  • “Provide liquidity”

Interactive elements:

• A global docs Search button/input is present.
• Top-level docs nav includes: Concepts, Contracts, SDKs, APIs, Support, LLMs, Feedback—indicating separate doc sets for onchain interfaces, client SDK usage, and programmatic APIs.

What functionality this implies:

• Price quoting endpoints or SDK methods (“Fetch token prices”).
• Trade construction and path finding (“Create a Trade”, “Route trades”), consistent with multi-hop and multi-chain routing.
• LP workflows (“Provide liquidity”), likely covering v2/v3/v4 primitives.
• dApp integration suggests wallet connection, transaction building, and UI embedding patterns.

Strategic significance: This module is how Uniswap scales distribution: third-party wallets, aggregators, and dApps can route order flow and liquidity provisioning through the protocol. The explicit split between smart-contract and dApp integration reduces integration risk and accelerates time-to-market for builders.

Primary purpose: Provide self-serve help navigation plus a formal ticket submission flow.

Where it lives: /hc/en-us/requests/new (Title: “Submit a request”).

Self-serve discovery:

• Repeated “Search” blocks at the top suggest knowledge base search is the primary deflection mechanism.
• Category shortcuts are presented as buttons/links, including:
  • “FAQs”, “Start Here!” (Getting Started Guides)
  • “Setting Up the Uniswap Wallet”
  • “Wallet Security: Recovery Phrase”
  • “Keeping Your Wallet Safe”
  • “How To and Troubleshooting”
• Additional category headings visible:
  • “Uniswap Wallet”, “Uniswap Web App”, “Uniswap Extension”
  • “Swapping and Sending Crypto”, “Buying and Selling Crypto”, “Liquidity Providing”

Ticket submission form (fields observed):

• “Enter Your email address”
• “Describe your issue.”

Control buttons:

• “Cancel”
• “All Topics” (suggests a topic selector or navigation back to the help center taxonomy)

Strategic significance: Support is the safety net for a self-custody product. The taxonomy mirrors product surfaces (Wallet, Web App, Extension, Swaps, Fiat ramps, LP), which helps route users to the right resolution path. The minimal ticket form (email + issue description) lowers friction while keeping sensitive data collection constrained.