Primary page: /swap (Title: Swap Raydium)

This module is the core trade execution UI. It provides a guided swap flow with explicit controls and pre-trade safety/readability elements.

Key features surfaced in the UI

• Token in/out selection with a buy-focused card (shows “Buy” at top of the widget).
• Slippage control exposed as a quick button (“0.5%”) in the swap header actions.
• Amount entry helpers: “Max” is present for sizing orders; the UI also shows a wallet allocation hint (“50% SOL”) indicating partial-balance presets.
• Execution transparency fields shown before submitting:
  • Minimum Received
  • Price Impact
  • Order Routing
  • Estimated Fees with a “More info” disclosure
  • A stateful quote banner (“Price updated” → “Accept”) to force user acknowledgement when quotes move.
• Final action is a wallet-gated “Swap” button, with global header “Connect Wallet”.

Interactive elements

• No explicit “form fields” are listed, but the swap widget implies numeric amount inputs and token selectors.
• The “Accept” step indicates a two-phase confirmation: quote refresh then submission.

Strategic significance

• This is the volume driver and the entry point into other modules (Liquidity/Portfolio). The explicit Minimum Received / Price Impact lines reduce failed trades and support CLMM routing complexity without exposing protocol internals.
• The always-visible Connect Wallet in the global nav standardizes auth state across product pages.

Primary page: /liquidity-pools (Title: Liquidity Pools Raydium)

This module is the liquidity provisioning and pool directory surface. It is built to handle multiple pool types while keeping top-level KPIs prominent.

Key features and UI structure

• A headline value prop: “Provide liquidity, earn yield.”
• Prominent protocol metrics:
  • TVL: $1,289,360,745.18
  • 24h Volume: $633,530,038.42
• Pool-type segmentation via tabs/filters:
  • All, Concentrated, Standard, LSTs, Stables, and additional categories (“+70”, RWA, RAY Rewards).
• A pool search control: “Search for token or paste mint address.” This implies mint-address direct access for Solana tokens.
• A primary creation CTA: “Create” (button), indicating in-app pool creation / liquidity position creation flow.

Interactive elements

• Search input (token name or mint) for rapid routing to a pool.
• Category filters for narrowing discovery; likely toggles the underlying table/list.
• Wallet gating is consistent through the header Connect Wallet.

Strategic significance

• Concentrated liquidity requires good discovery and positioning UX; the category split (Concentrated vs Standard) and mint-address search are essential for power users.
• Prominent TVL/Volume anchors trust and helps liquidity providers assess activity quickly.
• The Create entry point ties directly into Raydium’s CLMM growth loop: more pools → more routes for /swap → more fees/LP yield.

Primary page: /portfolio (Title: Portfolio Raydium)

This module is the user’s asset dashboard. It focuses on readable holdings breakdowns and actionable alerts tied to Raydium-specific programs.

Key page sections (visible headings)

• “Wallet Overview” (h2) for top-line balances and summary.
• “Asset Detail” (h2) for drill-down reporting.

Controls and breakdown modes

• A mode switch in the content area:
  • “Assets by pool”
  • “Assets by token”
• Wallet gating via “Connect wallet” (in-page prompt) and global Connect Wallet in the header.

Programmatic alerts / actionable items

• A prominent notice: “You have unclaimed funds in AcceleRaytor. Check details at the bottom of this page and claim funds with one click. Go>>”
  • This implies the portfolio page is also a settlement/claim hub, not just read-only analytics.

Interactive elements

• The “Go>>” link suggests deep-linking to a claim section at the page bottom.
• The “by pool/by token” toggle suggests different aggregation queries and table views (even if the table isn’t shown in the preview).

Strategic significance

• Portfolio is the retention layer: it turns trading and LP activity into a coherent wallet narrative.
• The AcceleRaytor claim hook reduces lost value for users and drives re-engagement back into trading/LP.
• “By pool” view is especially important for CLMM positions, where exposure is position-based rather than token-only.

Primary page: /staking (Title: Staking Raydium)

This module provides single-asset staking for the RAY token with a straightforward yield display and wallet-gated actions.

What it does

• Enables users to stake RAY to earn additional RAY yield (explicitly stated: “Stake RAY to earn additional RAY yield.”).

Key metrics shown on the page

• APR: 5.72%
• Staked (USD value): $21,931,456.27
• Balance and reward fields are visible as labels:
  • RAY
  • Pending Rewards / Pending rewards
  • Staked
  • Available RAY

Buttons and flows

• Global navigation includes Staking, Bridge, Disclaimer, Docs, Feedback, and Connect Wallet.
• There is an additional entry CTA: “Enter Raydium”, likely a return-to-app button for users arriving from an external context.

Interactive elements

• The core actions (stake/unstake/claim) are implied by the presence of Available RAY and Pending rewards, but wallet connection is required to reveal balances and enable transaction buttons.

Strategic significance

• Staking anchors protocol token utility and creates a sticky yield product independent of market-making.
• Displaying APR and total staked as first-class metrics positions staking as a comparable product to LP yield.
• Keeping staking adjacent to bridge and swap in navigation supports onboarding flows: acquire RAY → stake → claim/compound.

Primary page: /bridge (Title: Wormhole Raydium)

This module embeds a Wormhole-powered bridge experience inside Raydium’s navigation and wallet model, enabling cross-chain funding paths into the DEX.

What it does

• Provides a cross-chain transfer UI labeled “Wormhole Connect”, indicating the standard Wormhole widget integration.
• The bridge flow is oriented around a source wallet connection distinct from the Solana app wallet state.

UI elements and data points

• A token indicator shows USDC as the selected/available asset.
• A price reference is displayed: “1 USDC = $1.00” (simple sanity check and user reassurance for stablecoin bridging).
• Buttons present:
  • Bridge (primary)
  • Connect source wallet (bridge-specific)
  • Global: Connect Wallet, Staking, Disclaimer, Docs, Feedback
• Footer/legal elements: “Powered by”, “Terms of Service”, plus a standard interface disclaimer snippet.

Interactive elements

• No explicit form fields listed, but the Wormhole widget typically includes chain selectors and amount inputs within the embedded component.
• Dual-wallet concept: users may need to connect a source wallet for the origin chain and separately connect the Raydium/Solana wallet for in-app continuity.

Strategic significance

• Bridging solves the “first deposit” problem and reduces friction for new users who hold assets off-chain.
• Tight integration into Raydium nav keeps the user within the product ecosystem from funding → swap/LP → portfolio.
• Showing USDC parity and clear connect steps helps mitigate user confusion and reduces support burden.

Primary page: /launchpad (Title: LaunchLab Raydium)

This module is a token launch and discovery surface, combining new token visibility with basic curation primitives.

What it does

• Presents a feed of tokens/projects with status and lightweight metrics, functioning as both launchpad entry point and browsing experience.

Visible content and data points

• Example project card: “BlackHouse” with
  • MC: $3.18K
  • “19m” (likely age since creation or time since listing)
  • Tag: “New Token Created”
• Additional listed names appear in the feed (e.g., VDEX, Vault DEX, MOANA, Gacha Cat Meme), indicating a scrolling catalog.

Discovery and curation controls

• A “Hot 🔥” button/filter suggests trending sorting.
• “Watch list” implies user-specific bookmarking (wallet-gated or local state).
• “Graduated” and “Platforms” sections suggest lifecycle stages (e.g., graduating from launch to broader markets) and multi-platform filtering.
• Platform filter shows “All Platforms” and at least Raydium plus other sources (e.g., @cointhispost, Bankr, daos…), implying aggregation.

Strategic significance

• LaunchLab is a growth funnel: it supplies new assets that later drive swap volume and LP creation.
• “Graduated” provides a quality/lifecycle signal, helping users avoid purely raw listings.
• Watchlists and hot filters are retention features, encouraging repeat visits independent of immediate trading intent.

Primary page: /raydium (Title: About Raydium)

This module is the in-depth documentation and onboarding layer, hosted in a GitBook-style experience with search and an embedded AI assistant.

Information architecture (visible headings)

• “About Raydium” (h1)
• Topic anchors (h3) indicate structured onboarding:
  • “What is Raydium?”
  • “What you can do”
  • “Pool types”
  • “LaunchLab”
  • “Other tools”
  • “Where to go next”

Interactive elements

• Search input: “Search…”
• Assistant prompt field: “Ask, search, or explain...” with visible states like “Working...” and “Thinking...”
• Navigation and UI buttons: close, bars, circle-xmark, chevron-left/right, and a helper “What is this page about?”
• Top-level doc nav suggests multiple entry points: “Launch App”, “Build”, “API Reference”, “Protocol”, “Help Center”.

Strategic significance

• Docs reduce user error in complex CLMM concepts (ranges, pool types) and lowers support cost.
• “Build / API Reference / Protocol” signals a dual audience: end users and integrators.
• The assistant + search combination makes the knowledge base usable for real-time troubleshooting while users transact in /swap, /liquidity-pools, and /bridge.