Matcha trade page

I defined the information hierarchy and interactions for Matcha’s main trading workspace. It brings the live quote, chart, balances, open orders, and trade history into one layout, so people can place a decentralized trade and follow its activity from the same page.

Matcha trade page

Keeping the trade in view

  • I organized the main workspace around the live quote, with charts and balances close by.

Before and after the trade

  • Separated the current trade from open orders and history so they don't compete for attention.
  • Kept activity on the page, giving people somewhere to follow the trade after placing it.