Uniswap

• Primary role: Provide a consistent app shell (top nav) and funnel users into wallet connection and the Uniswap Wallet app.
• Where it lives: /index (landing), plus the shared header across /swap, /limit, /buy, /sell, /explore, /portfolio, /positions.

What you can do

• Use the persistent navigation: Trade / Explore / Pool / Portfolio and a global Connect entry point.
• Trigger wallet onboarding flows via Connect / Connect wallet buttons across pages.

Visible UI elements & interaction

• Wallet connection modal repeatedly offers:
  • Get Uniswap Wallet (Available on iOS, Android, and Chrome)
  • Uniswap Mobile with Scan QR code to connect
  • “Other wallets”: WalletConnect, Coinbase Wallet, Binance Wallet, Porto
  • A compliance gate: “By connecting a wallet, you agree to Uniswap Labs’ Terms of Service…”
• /index includes a prominent CTA Get the app, and a marketing block: “Swap anytime, anywhere.”
• /index also advertises breadth: “Explore 19+ chains” and names networks in product copy (Ethereum, Base, Arbitrum, Polygon, Unichain).

Strategic significance

• This module reduces friction at the moment of intent: users can enter via mobile app, QR deep-linking, or third-party wallets.
• The repeated “Get Uniswap Wallet” placement indicates a deliberate push toward owned distribution (wallet + extension) while keeping WalletConnect/CEX wallets as fallback paths.
• The app-shell consistency minimizes context switching: once connected, users can move between swap, limit, explore, portfolio, and LP management with minimal UI re-learning.

• Primary role: Execute trades and on-ramp/off-ramp style flows through a unified trading surface.
• Where it lives: /swap, /buy, /sell, /limit (with tabs Swap / Limit / Buy / Sell visible in the trade area).

Key features observed

• Swap (/swap): classic two-asset swap form. The UI exposes token selectors and amount inputs (e.g., buttons/labels like Sell ETH, Buy USD, and token shortcuts ETH, USD, WBT, plus a Select token control).
• Buy (/buy): preset fiat-like amounts appear directly in the flow ($100, $300, $1000) under “You’re buying”, then requires Connect wallet.
• Sell (/sell): percentage-based position sizing (25% / 50% / 75% / Max) under “You’re selling”, again gated by Connect wallet.
• Limit (/limit): an explicit trigger-price statement: “When 1 ETH is worth USDC” plus controls:
  • Quote token button USDC
  • Pricing mode Market
  • Quick offsets: +1% / +5% / +10%
  • Expiry presets: 1 day / 1 week / 1 month / 1 year
  • Risk disclosure: “Limits may not execute exactly when tokens reach the specified price. Learn more”

Interactive elements

• No traditional “form fields” are labeled, but the trade widget is effectively a structured form: token selectors, amount inputs, and execution buttons.

Strategic significance

• Uniswap consolidates multiple intents (swap, buy, sell, limit) into one mental model and one UI surface, maximizing conversion after wallet connect.
• The presence of presets (buy amounts and sell percentages) suggests optimization for speed and mobile ergonomics, while limit orders add a non-custodial alternative to centralized exchange features.

• Primary role: Help users discover assets and liquidity venues using market data before trading.
• Where it lives: /explore.

What the module covers

• The page framing is explicitly research-focused: “Discover and research tokens on Ethereum. Explore top pools.”
• The description promises data-rich surfaces: real-time prices, trading volume, TVL, charts, and transaction data.

UI and interaction signals

• The page includes Connect and Learn more buttons, implying both an educational path and a gated “personalized” path once a wallet is connected.
• The global wallet modal appears here as well (Uniswap Wallet + QR scan + WalletConnect/Coinbase/Binance/Porto), indicating that discovery can transition directly into execution.

Concrete data points shown elsewhere that reinforce discovery

• /index surfaces a live-ticker style strip with token symbols and percentage moves (e.g., MANA 3.25%, WBTC 0.29%, AAVE 4.37%, EURC 0.18%, LINK 1.52%, UNI 1.24%, USDC 0.00%, ENS 1.76%, MKR 0.90%). This functions as a lightweight discovery/market pulse feeding into Explore/Trade.

Strategic significance

• Explore is the “top-of-funnel” module for new assets and pool selection, reducing reliance on external charting sites.
• By pairing token research with pool research (TVL/volume), Uniswap encourages users to validate liquidity conditions (slippage, depth) before swapping or providing liquidity, improving trade quality and reducing failed/poor executions.

• Primary role: Give users a unified portfolio view across networks and protocols to support repeat trading and LP management.
• Where it lives: /portfolio.

Core promise and scope

• The page title and description are direct: “Track your crypto portfolio on Uniswap” and “Track your crypto portfolio across all chains and protocols.”
• The module is positioned as aggregation rather than execution, complementing /swap and /positions.

Interaction model

• Primary CTA is Connect (plus Learn more), indicating the view is wallet-dependent.
• The same wallet connection options are offered:
  • Get Uniswap Wallet (iOS/Android/Chrome)
  • Uniswap Mobile with QR scan
  • WalletConnect, Coinbase Wallet, Binance Wallet, Porto
• Terms gating is shown on connect, consistent with the rest of the app.

What’s implied by the UI structure

• Because the portfolio claim spans “all chains and protocols,” this module likely depends on multi-chain indexing and token position normalization. Even without visible tables in the preview, the UX is clearly designed to become the user’s default “home” once connected.

Strategic significance

• Portfolio tracking increases retention: users return to check performance, then naturally route to Trade (swap/limit/buy/sell) or Pool actions.
• Cross-chain scope aligns with Uniswap’s multi-network positioning (Ethereum, Base, Arbitrum, Polygon, Unichain) and reduces fragmentation where users would otherwise manage multiple explorers and dashboards.

• Primary role: Let LPs view and create concentrated liquidity positions and discover high-TVL pools.
• Where it lives: /positions (with navigation also pointing to Pool).

Key screens and controls

• Heading: “Your positions” with a hard gate: “Connect your wallet. To view your positions and rewards you must connect your wallet.”
• Primary actions:
  • Connect / Connect wallet
  • New position (creation entry point)
  • Learn more (education layer)

v4-specific surface area

• The page explicitly references protocol mechanics: “Providing liquidity on different protocols”, “Hooks on v4”, and “Allowlisted hooks”. This suggests the UI is being adapted for Uniswap v4’s hook-enabled pools and the need to communicate hook safety/trust.

Concrete data points visible

• A leaderboard-style section: “Top pools by TVL” with rows that include:
  • Pair names like WISE / ETH
  • Fee tiers (e.g., 0.3%, 0.05% appear in-line)
  • APR-like figures visible in the list (e.g., 0.01% APR on one row and a much higher figure like 64.33% on another row fragment).

Strategic significance

• This module is the supply-side counterpart to the trading engine: deeper liquidity improves swap execution and volume.
• By surfacing fee tiers, TVL ranking, and APR signals, Uniswap guides LP capital toward productive pools.
• The explicit “allowlisted hooks” concept is important: hooks expand pool behavior but increase complexity; the UI is already preparing users to differentiate between standard and customized pool logic.

• Primary role: Provide an entry point for protocol/community governance.
• Where it lives: /governance.

What is visible

• The page currently resolves with a simple title: “governance”. No additional UI elements, proposals list, voting widgets, or delegate flows are exposed in the provided view.

What the existence of the route implies

• A dedicated governance route typically anchors:
  • Proposal discovery and status tracking (active/past)
  • Voting or delegation flows (often via wallet signature)
  • Links to forums, off-chain temperature checks, and on-chain execution
• Given Uniswap’s product structure, governance would naturally reuse the global Connect patterns and wallet signature flows seen across trading.

Strategic significance

• Even as a minimal surface here, governance is a critical institutional signal: it denotes that Uniswap treats protocol changes as a first-class product area, not just a community afterthought.
• For professional users, a governance hub is where risk is monitored (fee switch discussions, parameter changes, upgrades such as v4 rollouts). A thin page suggests the governance UX may be handled elsewhere (forum/snapshot-like flows) or is being reworked while keeping the canonical path stable.

• Primary role: Enable third-party integrations and provide operational support for end users.
• Where it lives: Developer docs at /developers; support intake at /hc/en-us/requests/new.

Developer module (/developers)

• Positioning: “BuildwithUniswap” and “Technical Documentation For The Uniswap Protocol.”
• Content structure (headings) maps to real integration tasks:
  • What is Uniswap?
  • Integrate with Uniswap
  • The Uniswap smart contracts / Integrate your Smart Contracts
  • Actionable guides: Fetch token prices, Create a Trade, Route trades, Provide liquidity
  • Frontend angle: Integrate your dApp
• UI affordance: a Search button, implying a docs site with indexed content.

Support module (/hc/en-us/requests/new)

• A standard ticket submission workflow titled “Submit a request.”
• Form fields are explicit:
  • Enter Your email address
  • Describe your issue.
• Guided self-serve navigation includes All Topics, FAQs, Start Here!, and wallet/security categories like Setting Up the Uniswap Wallet, Wallet Security: Recovery Phrase, Keeping Your Wallet Safe, plus product areas (Uniswap Web App, Extension, Swapping and Sending Crypto, Buying and Selling Crypto, Liquidity Providing).

Strategic significance

• Docs reduce integration friction for aggregators, wallets, and on-chain apps—directly increasing order flow and liquidity.
• The helpdesk route is an operational necessity for a mass-market DeFi interface: it absorbs accountless troubleshooting (wallet import, recovery phrase education) and reduces reputational risk from user error.