All work
Opinion market discovery interface displayed on a laptop against a black background

Product Design / Opinion Labs

Opinion Trade

A prediction market for real-world events, from economic releases to sports and crypto.

Role
Founding Product DesignerSole designer on the founding teamWorking directly with founders and engineers, from early product decisions through design and implementation.
Scope
  • Product UX/UI · Visual Design
  • Prototyping · Coded Design System
01Discover

Market discovery.

I used this prototype to explore how different user mental models call for different entry points. Some people arrive looking for a price or a live game. Others need the story behind an event, help understanding Prediction Markets, or a way to pick up their existing positions.

Switch user scenarios to compare how the hero, main feed and sidebar respond to those needs. The layouts are design hypotheses for comparison, rather than a single finished homepage.

Switch user scenarios to explore different entry points, then compare or rearrange the modules.

Design-system demo with sample data. No live trading.

The live preview loads from my published design system. If it does not appear, open the demo in a new tab. On smaller screens, the frame follows the available width.

02Trade

Inside a market.

The market workspace separates understanding the event from preparing an order. The question, resolution rules and price history establish context; the adjacent panel groups the selected outcome, price and amount. Positions and order history sit below as a separate activity area. Scroll through the full market page to explore the interface.

F1 World Drivers’ Champion 2026 market detail: probability chart, outcomes, trading panel, positions and comments.
03Sports

Sports.

Fixtures combine teams, schedules and several outcome types. Games rows keep those fields aligned for comparison, while Props use question-led cards. Each layout makes room for its market’s information, with more rules to maintain than a universal card.

Explore the coded Games reference, including sport filters and Spread & Total display options.

For the smaller Games module, I defined a fixed heading, shared display space across Sports and Esports, and upcoming states without a score. Those rules are also expressed in coded UI for implementation review.

Explore the Games reference demo: filter sports and toggle Spread & Total. Props and live trading are not implemented in this demo.

Design-system demo with sample data. No live trading.

The live preview loads from my published design system. If it does not appear, open the demo in a new tab. On smaller screens, the frame follows the available width.

04Finance

Finance.

Finance offers two ways into the same market context. Assets leads with the asset and its price history; Markets leads with prediction questions and outcomes. Separate views keep each browsing task focused, while the asset dashboard brings price context and related markets together. Try the coded Finance experience: switch between Assets and Markets, then open an asset to explore its dashboard.

Switch between Assets and Markets, then open an asset to explore its dashboard.

Design-system demo with sample data. No live trading.

The live preview loads from my published design system. If it does not appear, open the demo in a new tab. On smaller screens, the frame follows the available width.

05Macro

Macro.

Macro organizes browsing around economic releases: when an event happens, what is expected and which outcomes can be traded. The release provides a shared context for forecasts and outcome choices, keeping time-sensitive information tied to the market question. This official preview shows the experience in motion, connecting world events with prediction markets.

06Create

AI prompt.

Opinion AI opens another starting point: creating a market around a question. This official walkthrough introduces permissionless market creation and AI Oracle resolution.

07Resolve

Beyond the trade.

Resolution determines a market’s outcome using its stated rules. The coded interface distinguishes Proposed, In review and Finalized states to make the status of each result explicit. All Proposals provides a market-wide view, while My Disputes keeps a participant’s own cases separate. This lets resolution progress and personal involvement be reviewed within the same workspace.

The interactive interface is a design-system demo with sample records. Explore proposal states and dispute views; each live market’s own rules govern its resolution.

Across these experiences, recurring interaction patterns became shared component rules and coded examples. The Opinion Design System case explores how those rules support implementation across the product.

Switch between proposal states and inspect the sample dispute and reward views.

Design-system demo with sample data. No live trading.

The live preview loads from my published design system. If it does not appear, open the demo in a new tab. On smaller screens, the frame follows the available width.

Market discovery

Research & design rationale.

Different mindsets. Different ways into a market.

Observed behavior · May 2026

The market feed is the main entry point.

Market-card grid
62.7%
Live Crypto
20.0%

Share of sessions with an explicit homepage first-click event. These are not trade conversion rates.

Source & limits

The May 15 working analysis recorded 1,216 Trending sessions overall; the percentages above use only sessions with an explicit first-click event.

Source: Homepage Trending Conversion Path Working Doc, May 15, 2026. Window: May 13, 16:28 UTC–May 15, 15:23 UTC, starting when Games tracking appeared.

Category and navigation clicks were incompletely tracked. Games had only 19 module-click events. This is an early directional snapshot.

Design judgment

Keep the feed. Explore focused ways in.

I would keep the market feed as the backbone and explore focused entry points around it. Live Crypto’s share makes immediacy worth investigating; it does not prove that allocating more space to it would improve conversion.

Four starting points to test.

Design hypotheses, not validated user segments. Topic preference alone does not explain intent.

Immediate opportunity

“Is there an opportunity right now?”

Lead with live events and price movement.

Trade-off Less room to explain the event behind the number.

Event context

“Why does this event matter?”

Connect a story to related markets.

Trade-off More context may help someone form a view, but adds reading before action.

First-time understanding

“How does this work?”

Use familiar events and clear outcome language.

Trade-off Guidance should help newcomers without slowing experienced traders.

Personal continuity

“What changed since my last visit?”

Bring watched markets and positions forward.

Trade-off Easier return visits may come at the cost of discovering something new.

The prototype compares these priorities across the hero, feed and sidebar. Named personas are illustrative prompts; the configurations are alternatives for review, not a tested or shipped homepage.

Proposed validation

What would make an entry point better?

  • Relevance & understanding

    Ask people with different starting intentions to find a relevant market and explain its outcome and resolution conditions. Compare understanding and effort.

  • Attention → trading intent

    Connect card clicks to confirmed market views, order clicks and submit requests, with consistent tracking across entry points—the follow-up proposed in the working document.

  • Investigate competing paths

    Profile and authentication routes have substantial next-page traffic, but mix active choices with redirects. Investigate before interpreting them as returning-user intent or discovery failure.

The document does not establish a completed usability study or follow-up funnel. No conversion lift or winning layout is claimed.

Next project

Opinion Design System

All workAbout me