Topaz is
losing
users before they
they become LPs, lockers, and voters.
We identified 82 friction points that stop users from providing liquidity, locking TOPAZ, voting, and the incentives that keep flywheel spinning.
Showreel
Clients
Variational
$52M Raised & $30B Volume Monthly
Zero Fee Perp Trading Platform with an institutional focus.
Lombard Finance
$800M TVL
Powering the on chain BTC economy via Lending, Borrowing & Staking.
Somnia
$270M Raised
The 1M+ TPS Layer 1 for Real-Time DeFi & AI Agents.
Taostats
1.1M Unique Users
Official Block Explorer & Gateway to Bittensor.
Miracle
6.1B Perp Volume
Mobile-Native Trading for Crypto Perps & Global Equities.
Valantis
$7M Raised
Staking, Borrowing & Portfolio Margin for Hyperliquid Traders.
Arcadia
276B Impressions
Premier GTM studio for pioneering Ai, Crypto, FinTech & Consumer.
100+ Others
Opportunity
Topaz has already done the hard part - launching, expanding across chains, and pushing volume through the product. What’s left is converting that activity into revenue with as little friction as possible.
Every epoch, Topaz pays emissions to attract liquidity. Every point of friction between a first swap and a first lock means those emissions buy less.
To put it in perspective: 54 of the issues we found are a Level 2 or 3 error.
If each one cost just 0.1% of potential volume, together they’d leave over 5% on the table. At your current pace, that’s more than $15M in volume every month, or roughly $185M a year. These numbers are of course illustrative, not a forecast, but the principle holds, small leaks compound.
Our job is to close these leaks, so every bit of volume and activity can be captured just the right way.
Product Audit
We reviewed Topaz’s landing page, protocol pages and core flows (Swap, Explore, Liquidity, Governance and Portfolio) from both a UX and visual standpoint.
This made up just 73% of the product itself and already presented us with 82 errors.
7 of these errors we'd consider critical - places where you’re likely losing volume, liquidity and user attention right now.
Each error costs you in at least one of four ways:
1
Perception:
Visual and UX inconsistencies that make the product feel less premium than it is.
They don’t hit revenue directly, but they lower trust, and trust is what turns a swapper into someone willing to lock their tokens for months.
2
Conversion:
A point where users who are ready to act, drop off before they swap, add liquidity, lock or vote.
3
Retention:
Gaps that give users fewer reasons to come back, recast votes each epoch, or keep their liquidity on Topaz.
4
Direct Revenue:
Places where you’re losing volume, liquidity and incentive spend.
Product Feature
UI/UX
Level
Error
Cost
Landing Page
UI
1
The search bar is poorly positioned. Its placement should be reassessed within the page layout so users can discover and access search functionality intuitively.
Conversion
Landing Page
UI
2
Multiple pills create unnecessary visual clutter. Consolidate related pills into a single banner to communicate the information more clearly and reduce interface complexity.
Preception
Landing Page
UI
1
The hero section contains too much copy. Simplify the headline and supporting text to communicate the product's core value proposition quickly and improve readability.
Retention
Landing Page
UX
2
The hero contains too many competing CTAs. Reduce the number of prominent actions and establish one clear primary CTA, with secondary actions visually subordinate.
Retention/ Conversion
Landing Page
UI
1
Excessive copy throughout the page reduces scannability.
Retention
Landing Page
UX
3
The hero does not explain the product to newcomers. Introduce a clear, beginner-friendly explanation of what the product does, why it matters, and how users can get started.
Conversion
Landing Page
UX
3
The page serves multiple audiences without clear signposting. Identify the primary audience and provide explicit routes or messaging for different user types, helping visitors quickly find content relevant to their needs.
Revenue
Landing Page
UX
2
There is no dedicated entry point for new users. Introduce a “New here?” route that guides first-time visitors through the product, explains key concepts, and recommends an appropriate starting point.
Conversion
Landing Page
UX
2
The “Find your way” section does not help users choose the right option. Add a “Best for” description to each option, outlining the intended audience, use case, or level of experience to support confident decision-making.
Conversion
Landing Page
UI
1
Dropdowns add unnecessary interface complexity. Replace non-essential dropdowns with contextual information icons and hover tooltips, retaining expanded controls only where users need to make a selection or access substantial content.
Perception
Landing Page
UX
2
CTA styling is inconsistent across the page. Standardise button hierarchy, styling, and emphasis so primary actions remain visually prominent and secondary actions do not compete for attention.
Conversion
Landing Page
UI
2
The “Built to Connect” section lacks effective visual explanation.
Preception
Landing Page
UX
3
Abrupt audience switches in the LP, no clear ICP.
Conversion
Landing Page
UI
2
The primary conversion action is not clearly distinguished. Establish a consistent hierarchy between primary and secondary CTAs across the landing page, ensuring users can identify the intended next step at a glance.
Conversion
Landing Page
UX
2
Trust-building evidence lacks sufficient prominence. Elevate relevant, verifiable security and credibility signals from footnote-like placements into more visible positions near key product claims and conversion points.
Preception
Landing Page
UI
2
Secondary sections carry too much visual weight. Simplify less important sections through more concise layouts and reduced visual emphasis, allowing core messaging and conversion paths to stand out.
Preception
Landing Page
UX
1
The FAQ does not address enough relevant user questions. Expand it to cover common questions about the product, how to get started, security, risks, fees, and suitability, prioritising topics that may prevent users from converting.
Conversion
Sub Pages
UI/UX
1
Menu items show raw URLs as their subtext instead of descriptions, so users can’t tell what Flow, Vaults, Prism ID or Agents do.
Perception / Retention
Markets
UX
2
The dropdown/ navbar becomes confusing when not in full screen.
Conversion / Retention
Markets
UI
1
Protocol stats: Only the TVL card is highlighted, so the eight KPI cards read as equal and bland, with no hierarchy and no trend context.
Preception
Markets
UX
2
Technical words such as epoch, xTOPAZ, emissions APR, voting power and locked supply is undefined, so non-experts can’t interpret the data.
Conversion / Retention
Markets
UI
1
Protocol stats: Spacing is poor: the Daily fees card is stretched to match the epoch card, leaving dead space under the chart, and the tables fade out with no clear cue.
Preception
Markets
UI
2
Large empty areas below the content, with extra scrolling that has nothing in it.
Preception
Markets
UI
1
Topaz tokens: inconsistent UI
Conversion
Markets
UI
2
Topaz tokens: The UI is inconsistent: mismatched button styles and arrow icons, a duplicated Refresh button and “How these numbers are calculated” block, a different nav state (wallet pill vs Connect), and uneven chart axis labels.
Preception
Markets
UX
1
Date formats are inconsistent (dd/mm/yyyy snapshots, “Oct 26, 2026 (UTC)”, chart ticks like “Oct 2026”, relative “7 min ago”), which makes data harder to compare.
Preception
Markets
UX
1
Topaz tokens:The pool table has no sorting or filtering, zero-value pools sit among live ones, and duplicate pairs (WBNB / TOPAZ ×3) can’t be told apart.
Retention / Revenue
Swap
UX
3
With a zero balance, the page gives no guidance on what to do next. The user sees “0 BNB” and a disabled “Enter an amount” button, which is a dead end for new users.
Conversion / Retention / Revenue
.
UX
1
There’s no way to enter the amount in dollars. Users who think in “$100 worth” have to convert manually.
Conversion / Retention
.
UI
2
Glowy background leads to really poor UI. Dark base from other pages could be adapted with something subtle.
Preception
.
UI
1
Some minor inconsistencies in copy.
Preception
Explore Tokens
UX
2
There’s no way to see a trend. The table is a static snapshot, so users can’t tell whether a token or pool is rising or falling without leaving the page.
Retention
Predictions
UI
1
Spacing is poor: row height, column gutters and the gaps between sections feel uneven.
Preception
Predictions
UI
2
The “1D fees” label is inconsistent with “24h” elsewhere, so users can’t be sure it’s the same window. Could be % change (green or red) to know if things are going up or down.
Preception
Predictions
UI
1
The “+” under Topaz TVL is unexplained.
Preception
Predictions
UX
2
There are no tooltips on technical terms and column headers (TVL, fee APR, emissions APR and so on).
Conversion
Predictions
UX
1
There’s no epoch counter, so users can’t see how long remains to vote or lock before emissions change.
Revenue
Predictions
UX
2
Discovery is limited to the table.Add “Top gainers / Trending / New listings” cards above the table.
Conversion / Revenue
Predictions
UX
2
The table is missing the columns users typically compare. Add 24h price change %, a 7D sparkline, market cap and APR (or a volume/TVL ratio).
Retention
Explore Pools
UX
2
There’s no clear explanation of what Auto is. The banner gives one line about managing the range, but users can’t tell what it does for them, who it’s for, what it costs, or how it differs from manual liquidity.
Conversion
Leaderboard
UI
1
A tooltip should be added like “Concentrated liquidity · tick spacing 1 · 0.0005% swap fee”, or rename it to “Fee 0.0005%” and keep the tick spacing on hover.
Perception / Conversion
Leaderboard
UX
2
Extreme values with no warning (potentially low volume, high risk).
Preception
Governance
UI
1
xTOPAZ: The page has no visual hierarchy, so no element signals what matters first.
Preception
Referrals
UX
2
xTOPAZ: No yield is shown for either option, so users can’t compare what each choice pays. A current APR should be added for both xTOPAZ staking and veTOPAZ voting, so users can see the reward for each choice.
Conversion / Revenue
Referrals
UX
1
xTOPAZ: a refresh button can be included for the latest update.
Preception
Referrals
UX
2
No “which should I pick?” guidance. Replace the two cards with a comparison table: liquid vs locked, chains, what you earn, voting power, and whether you can exit. Add a recommendation line per user type.
Conversion
Referrals
UX
2
There’s no reason to lock. The page doesn’t state the payoff. Lead with the benefit: “Earn ~X% APR from fees, incentives and rebases”, using the current estimate, and state lock length and exit terms alongside it so the benefit isn’t shown without the commitment.
Conversion
Referrals
UX
2
No wallet context. Show “You have X TOPAZ available to lock”, or a “Get TOPAZ” link if the balance is zero.
Conversion
Referrals
UX
2
No how it works section. Add a short explainer: what locking does, durations, early exit, rebases, and voting power.
Conversion
Referrals
UI
1
Again still no separation between all of the elements
Preception
Referrals
UX
2
Users can’t see their own voting power. Add a “Your voting power” bar at the top, showing how much is allocated and how much remains.
Conversion
Referrals
UI
1
The search bar is too long and wastes space.
Preception
Referrals
UX
2
Votes and the epoch aren’t connected. Show “Your votes this epoch: X% allocated” and remind users whether votes carry over to the next epoch or must be recast.
Retention
Referrals
UX
2
“Fees” and “Total rewards” are identical columns, consider merging them
Preception
Referrals
UX
2
No CTA for users without voting power.
Conversion / Revenue
Referrals
UI
1
Redundant dropdown.
Preception
Referrals
UX
2
Five empty network sections stacked. Replace them with one empty state: “You haven’t voted yet”, the potential earnings (“Voters earned $12.3K this epoch”), and a “How to start” 3-step guide.
Conversion
Referrals
UI
1
Still weird hierarchy.
Preception
Referrals
UX
2
More info could be added per relay: APR history, breakdown, cost and risks etc.
Conversion
Referrals
UX
1
There is space for this not to be hidden under a dropdown
Conversion
Referrals
UX
1
Timer doesn’t say which epoch.
Preception
Referrals
UX
2
Missing pool data
Conversion
Liquidity
UI
2
TVL values are missing from pool cards. Pools are sorted by Total Value Locked (TVL), but users cannot see the metric driving the order. Display the TVL value on every pool card to improve transparency and make comparisons easier.
Conversion
Portfolio
UI
1
Total APR is not displayed. Fee APR and Emissions APR are presented separately, requiring users to calculate the overall return themselves. Display a combined Total APR with a hover tooltip that breaks down its components.
Conversion
Portfolio
UX
2
The “Auto” position type is not explained. Users may not understand what Auto means, how it manages their position, or how much control they retain. Add a contextual tooltip explaining how it works and who it is best suited for.
Conversion
Portfolio
UX
3
There is insufficient guidance for beginners. The interface assumes users already understand pool selection, position types, and the associated risks. Introduce contextual guidance, plain-language explanations, and clear recommendations to help new users make informed decisions.
Conversion / Retention
Portfolio
UX
2
Pool recommendations are not personalised to the user’s existing balance. Users must independently identify pools that match the assets they hold. Recommend relevant pools based on their balances, e.g. “You hold USDT - try USDT/USDC,” with appropriate risk context and clear explanations of potential risks.
Conversion
Portfolio
UX
2
Position type selection happens too late in the flow. Position type significantly affects the user’s strategy, management effort, and risk, yet it is not introduced early enough. Move the selection to Step 1 and present the available options as cards: Auto (managed), Concentrated (manual range), and Basic/full range if supported. Explain the trade-offs of each option.
Retention / Revenue
Portfolio
UX
2
The page hierarchy and structure need improvement. The current layout may not guide users clearly through pool discovery, comparison, and selection. Reassess the information architecture, content hierarchy, and placement of key metrics and actions to create a more intuitive flow.
Conversion
Portfolio
UI
2
Comments persist when navigating from Explore Pools. Comments from the Explore Pools view carry over into the next view, creating a potential context mismatch. Ensure comments are correctly scoped to the relevant pool or view, and reset or update them when navigation changes context.
Preception
Portfolio
UI
2
Empty-wallet states lack clear next steps. Replace the generic empty state with an onboarding card and contextual “Get started” suggestions that guide users towards relevant actions.
Conversion
Portfolio
UI
2
Portfolio performance charts are missing. Add a balance-over-time chart with timeframe filters, even when the wallet balance is zero. Display a flat zero-value line for empty wallets to maintain a consistent dashboard experience.
Retention
Portfolio
UX
2
The portfolio breakdown excludes important asset categories. The current calculation only accounts for tokens, omitting liquidity positions, veTOPAZ locks, xTOPAZ/staked assets, Relays, and unclaimed rewards. Include all relevant categories in the portfolio total and visualise their relative contributions using a stacked bar or donut chart.
Preception
Portfolio
UI
1
Bad page structure here, the table should be the same width as the above section, no reason for the empty space to the right.
Preception
Portfolio
UX
2
The portfolio table lacks useful data columns. Expand the table to include additional relevant metrics and contextual information, enabling users to assess their holdings and positions without navigating to separate screens. Prioritise columns based on the user's decision-making needs.
Retention
Portfolio
UX
2
Profit and loss (PnL) and earnings history are not visible.
Retention
Portfolio
UX
2
Rewards are not surfaced within the dashboard.
Retention
Portfolio
UX
2
The dashboard lacks actionable alerts. Add an alerts strip highlighting important events, such as positions moving out of range, votes not cast during the current epoch, and unclaimed rewards. Where possible, link each alert directly to the relevant action.
Retention
Portfolio
UI
2
The dashboard lacks richer portfolio visualisations. Introduce additional relevant charts and breakdowns to help users understand portfolio composition, position distribution, and performance at a glance. Prioritise visualisations that provide actionable insight rather than adding charts purely for decoration.
Retention
Our Approach
Rather than asking you to commit to a retainer upfront, we’d like to prove the impact on one page first:
1
Pick one page - we start with the page you believe matters most.
Our recommendation is Portfolio: it’s where every user type comes back to, yet it currently leaves out LP positions, veTOPAZ locks and unclaimed rewards, and gives users no PnL, no alerts and no reason to act.
It’s the page with the most retention upside.
2
Who’s on it - for this type of engagement you'll work with the best!
Natalie
Head of Operations
Worked with over 100+ clients, here to ensure briefs are tight and deadlines are being met & ensures feedback is being looped in.
David
Lead Product Designer
Worked with over 50+ fintech products specifically, including Lombard, Miracle & Sigma Trading.
3
What you get - a full redesign of that page built around every finding in the audit, plus:
an annotated before and after showing exactly what changed and why
a clickable prototype so your team can explore the new experience
a dev-ready Figma file your engineers can build from directly
4
How we work - we join your team on Telegram, Slack or whatever you already use, and we’re happy to join sync calls in any time zone.
You’ll get daily progress updates, and revisions are usually turned around the same day.
5
What happens next - if the page delivers the impact you want, we roll the rest of the audit into a retainer.
We estimate all 82 issues, plus anything new we find along the way, will take about two 4-week cycles.
Offer
$1,000
USDC
One page redesigned, prototyped and annotated, with a dev-ready Figma file.
The $1,000 is credited in full towards your first retainer payment. If you continue, the pilot effectively costs you nothing. If you don’t, you keep the redesign.
$5,750
/first 4 weeks then $6,750
Paid upfront at the start of each 4-week period.
Pause at any time, and any unused capacity stays available for 90 days.
Cancel anytime.
We expect two cycles to clear the full audit. It starts with a kickoff meeting to prioritise the fixes with the biggest impact on volume and retention, and every deliverable is handed over dev-ready.
The same tangible impact is why teams like Variational, Taostats and Hippius work with us.
See their testimonials below.
Testimonials
Lucas
Variational, Sep 2026
It was great working with the v21 team, they're very professional and provide quality work no matter the request
Matrica
Jan, 2026
We actually very much liked the process and the communication between the teams. We had some nightmare experiences with other teams, and none of the red flags were present with v21.
Brittany
Taostats, Aug 2026
v21 is extremely responsive, communicative, and overall talented. It’s rare to find a design partner who cares so much about the work they’re delivering, and it shows.
Max
Variational, Sep 2026
We've worked with v21 for website rebuilds twice. Their team is efficient and easy to work with!
Derek
Neutral Trade, Nov 2025
I've been really happy with the v21 team. From the start, they were super professional and easy to work with. What stood out most was how open they were to feedback, which made the whole process collaborative and stress-free.
Juan
Ark Media, Dec 2024
Unlocking the lead capture a website hold has been something I greatly appreciate now that it's brining in leads to my business. Loved working with Miki and the team, super quick delivery!
Selected Works
Designing a new website ahead of a
$50M Series A.
We redesigned and localized Variational’s website across 7 regional markets, helping make the product clearer and more compelling for a global audience. We also created motion graphics to support multiple product launches.
Turning Pacifica’s
$9 billion
monthly trading volume into a social arena.
We independently reimagined Pacifica’s points page, transforming it from a passive spreadsheet into a live leaderboard built around competition. Traders can see who’s climbing, who just overtook them, and who’s close to taking the top spot, giving every trade more visibility, context, and social stakes.
Re-designing a data heavy product from A-Z for
1M+ unique users.
Our focus was simplifying dense, data-heavy experiences so users can understand, navigate, and act on complex information with less friction ahead of the new product launch. Our case study will be released post-launch of the redesign in October 2026.
Making
1.1+ PB
of decentralized storage feel simple.
We redesigned the Hippius experience around one core challenge: making decentralized storage understandable and usable at scale. We translated a complex infrastructure product into a clearer, more approachable experience for users storing, managing, and interacting with data across the network.
Seen enough?
Let’s build something worth scaling.
Feel free to let us know how you feel about the proposal and if moving forward is a great decision to make.
