🍣

Sushi Token Curation & DeFi Tooling

Created
Mar 27, 2023 03:31 PM
Tags
UI/UX
Link

The Problem to Solve

⚠️
Sushi has various disparate product offerings available to interact with any of the thousands of tokens listed on the exchange. Finding tokens is largely through word-of-mouth or by examining analytic sites like Coingecko. Once a user knows about a token they’d like to trade or engage with, exploring their options is difficult due to various features being separated in the UI.

The Solution

A concept which takes inspiration from Robinhood, Coinbase and others to give an exploratory and curated experience to find tokens on the Sushi platform, learn about them, and transact with them in the various ways Sushi allows - all in one place!
 

Exploring Tokens

In this concept, an “explore” tab in the navigation brings users to a page largely inspired by the Robinhood app and Coinbase desktop website. The user is presented with curated token lists, stats on market activity, trending tokens, and live MISO auctions.
 
notion image

Curated Token List

When a user dives into a curated list, they’re provided with a simple, market activity-based assortment of relevant tokens.
 
notion image

Token Detail View

Upon finding a token to interact with, they’re presented with this page. It houses charts and statistics relevant to the platform, as well as gives users context to what the token is, who the team behind the project are, and links to engage with that community. Users are also presented with “related lists” of tokens in the same sector, and alerted to the most highly traded pairs including that token.
 
From an interaction standpoint, the various qualifying actions are presented in a menu (in this scenario, all boxes are checked - there is an active yield farm, borrow markets with liquidity, and an active MISO auction happening).
 
 
notion image

Token Actions

Within the token detail page, menu tabs bring users to applicable actions associated with that token. This allows the user to perform complicated transactions from one place, as opposed to scouring the navigation to arrive at the specific piece they are interested in.
 

Liquidity Management

In this example, the user has already provided some liquidity for this pair - they can access this screen from the token detail of either token, and avoid the flow of traditional v2-style liquidity management.
 
notion image

Yield Farming

Similar to liquidity providing, users can enter and exit yield farms from this interface as well. The action panel also allows for users to enter a farm through various methods:
  • staking existing LP tokens the user has received from providing liquidity
  • depositing both tokens in the pair directly into the farm (this bundles a liquidity providing transaction and LP staking into the farm into one transaction)
  • “zapping in” to a farm, where the user can select a token from their wallet to be swapped for the pool tokens, deposits them into the pool, and then stakes the LP tokens into the farm, all in one batched transaction.
 
notion image
 

Action Sidebar

Across all pages and actions, for UX consistency, all actions can be performed in the side panel. The tabs and available functions change depending upon the context of the page.
notion image
Built with Potion.so