Polished, static renderings of the candidate layouts using AquaVaults' existing design language: dark surfaces, indigo borders, rounded cards, community pills, token selectors, fee-routing visibility, settings, the swap/create action, and the activity log. Every concept is a relocation or collapse of existing controls — nothing functional is removed.
Source: the Swap & Limit Order Layout Review plus the Widget Redesign Research. The shared principle across benchmarked DEX/CEX surfaces is to show only what's needed to decide and act now, and stage everything else behind chips, drawers, and adjacent panels.
Today's stack, recreated. Community + always-loading vault pill precede the form; From/To/Amount are stacked; Check Settings sits co-equal with Swap; the full Activity Log lives below the action and dominates height.
Same mental model, denser. From/To pair inline, balance + estimate merged to one line, Check Settings demoted to an inline icon, vault address collapsed into a "fees → 🔒" chip, and the Activity Log docked to a collapsed chip. Lowest-risk win.
Familiar aggregator pattern: two large stacked token cards (pay / receive) with token, amount, and balance co-located, the flip button on the seam, and the estimate living in the receive card. Strong mobile ergonomics.
Ticket on the left, live context on the right (fee routing, balance, estimate, rate, activity) — reusing the limit-order two-column grid. The Activity Log finally has a home that doesn't push the button down. Collapses to a single column on mobile.
Phone as the primary target; desktop is the centered version of it. Token picker is the default selection path, and Settings + Activity become bottom-sheet triggers — removing the two tallest blocks from the scroll.
Strip the first view to community, pair, amount, button. Everything else (settings, vault address, balance, activity) goes behind progressive disclosure. Calmest surface — ideal for share-link landings and first-time users.
Keep the two-column grid but tighten the ticket: inline You-Sell, fold the Order Preview into a one-line expandable summary, Advanced stays collapsed. On mobile, page-level Create/Orders tabs fix the "scroll past the whole form to see my orders" problem.
Make the limit price the hero. Big price field with live market beside it and quick-set chips (−5% / Market / +5% / +10%) — since choosing a price relative to market is the actual job. Leans on the existing live price ticker.
One column everywhere; Create and Orders become a top-level toggle so the orders list is never buried. Reuses the existing single-column breakpoint; desktop centers the same column (orders as a side drawer on wide screens).
Treat "swap now" and "swap at a price" as one intent. Limit joins the mode tabs; a Market/Limit toggle reveals trigger price + expiry, and the orders list appears below only in Limit mode. Limit inherits every swap-card improvement automatically.
The five concepts defined directly in the Widget Redesign Research document, rendered in the same AquaVaults language. These differ from the ten above mainly in where context lives and what stays visible by default. Height figures are the research doc's ticket estimates against a current trade-critical stack of roughly 680–760 px to the CTA.
A fast instrument panel: thin utility bar (community · chain · share · wallet), mode tabs, From/To rows with amount inline, then a summary chip-bar for slippage / priority / platform-fee, the CTA, and a "View log" link. Everything nonessential collapses into chips. Lowest implementation risk, biggest immediate space saving.
One shell for both swap and limit. Pair and amount stay in place; switching to Limit reveals trigger price + quick-price presets + expiry + a persistent custody/no-routing disclosure strip near the CTA. Reduces page-switching and makes deep links (mode=swap|limit) trivial. The research document's recommended direction.
Pull AquaVaults' platform mechanics out of the ticket into a narrow context rail: community, chain family, wallet, share/deep-links, orders, activity, help. The ticket becomes almost purely execution. On mobile the rail compresses into a chip strip above the ticket.
Treat the ticket as one widget in a trader page. Route detail, open orders, token info, and chart/context move into sibling panels — not into the ticket. Best desktop solution for active traders; mobile collapses to a single ticket with off-canvas panels.
A very small visible trade header at all times; deeper editing happens in an expandable drawer / bottom sheet. The most aggressive vertical-space play — strongest on mobile, where the sticky summary persists and the full ticket lives in a sheet.
Relative within this review · ★ weak → ★★★★★ strong. For "Impl. Cost", more ★ = cheaper / easier.
| Concept | Mobile | Desktop | Impl. (cheap=★★★★★) | Trading Speed | Visual Clarity |
|---|---|---|---|---|---|
| 1 · Compact Trader | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| 2 · Jupiter Style | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| 3 · Exchange Panel | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| 4 · Mobile First | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| 5 · Minimal Execution | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| Concept | Mobile | Desktop | Impl. (cheap=★★★★★) | Entry Speed | Order Mgmt |
|---|---|---|---|---|---|
| LO-1 · Ticket + Tabs | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| LO-2 · Price-Centric | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| LO-3 · Single-Column | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| LO-5 · Unified Toggle | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| Concept | Mobile | Desktop | Impl. (cheap=★★★★★) | Compactness | Identity Fit |
|---|---|---|---|---|---|
| R1 · Compact Core | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| R2 · Unified Ticket | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| R3 · Sidecar Rail | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| R4 · Terminal Lite | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| R5 · Floating Action Ticket | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
Base → Compact Trader Evolve → Jupiter Style Limit → LO-1 Ticket + Tabs
Compact Trader is the safe, high-yield first move — it touches only spacing and disclosure, keeps the single-card identity, and recovers the most height (Activity Log → chip, merged outcome line, demoted Check Settings, vault address behind a "fees → 🔒" tap). Jupiter Style is the natural evolution once compaction is proven, promoting the existing token picker modal as the primary selection path. LO-1 brings the same compaction to limit orders and fixes mobile order-burial with page-level Create/Orders tabs.
Stays visible: mode tabs · community pill · From/To + flip · amount + MAX · estimate + fee-routing summary · primary button · short status. Collapses/relocates: Activity Log (chip) · full vault address (tap) · Swap Settings (collapsed, as today) · Order Preview (one-line) · Check Settings (inline). Nothing is removed — every control still renders and works.
The two sets agree on the core principle — compress and stage, don't remove — and they converge on the same answer from two directions.
Compact Trader ≈ Compact Core. These are the same low-risk first move: collapse settings to chips, dock the log, merge the outcome line. Compact Core formalizes the chip-bar and adds the utility bar (chain toggle, share, wallet) the original folded into the community row. Pick whichever framing the team prefers — they ship as one phase.
The research doc's pick (Unified Ticket / R2) is the structural cousin of LO-5 — one shell for swap + limit with a mode-revealed extension. The original review rated this High difficulty and recommended LO-1 as the cheaper limit move first; the research review recommends going straight to the unified ticket. Both are right about the destination; they differ on sequencing. Reconciled path: ship Compact Core/Trader + LO-1 now (independently deployable), then converge on the Unified Ticket as the medium-term target once compaction is proven.
Sidecar Rail (R3) is the strongest answer to AquaVaults' specific identity problem — it keeps community routing, deep links, and activity first-class without taxing ticket height — and is the best desktop complement to a compact ticket. Terminal Lite (R4) is the same idea as Exchange Panel taken further, for active-trader desktop. Floating Action Ticket (R5) overlaps Mobile First's sheet model but is more aggressive; it's the mobile-max option if phone compactness becomes the top priority.
Now → Compact Core / Trader + LO-1 Desktop identity → Sidecar Rail Medium-term → Unified Ticket (R2) Mobile-max (optional) → Floating Ticket
Net: no change to the original "start with Compact, evolve toward a unified shell" recommendation — the research-native set reinforces it and adds the Sidecar Rail as the missing piece for preserving AquaVaults' community-routing identity on desktop.
Static visual review · AquaVaults design tokens mirrored from swapper/swap/swap-card.css · no wallet, no API, no swap logic · open this file in any browser.