Fetch

A groundbreaking crypto portfolio manager, with best order execution across multiple decentralized exchanges.

 

Desktop App Overview

 
GOALS
  • Offer beginner crypto investors a decentralized exchange aggregator with an intuitive UX, years before most had heard of DeFi
  • Solve crypto investor pain points unaddressed by that era's wallets & exchanges
  • Design a Uniswap-style token swap interface, years before that pattern's UX best practices were established
 
ROLE

User Experience Designer

   
CLIENT

Senet Labs

 
   

Background

Senet Labs wanted end-to-end product design guidance to:

   
  • Offer best order execution across multiple DEX's
  • Import, aggregate and manage user's addresses & exchange accounts
  • Integrate portfolio analysis & re-balancing tools into the wallet interface
  • Hold the user's hand through the steep crypto learning curve
   
       

    Sketching & Whiteboarding

    Sketching and whiteboarding sessions early on in the project helped flesh out our eventual design direction.

    Feature Focus: Token Transit Anxiety

    The Problem

    Investors new to crypto understandably experience intense anxiety sending tokens from one address to another.

    The Insight

    Average transit time can be sourced on-chain, with ETAs updated in-progress.

    ETH gas station already did this, but no wallet or exchange had ever integrated that as a feature.

       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       

       

    Feature Focus: A Dead Simple Trade Interface

    The Problem

    User research sessions revealed that many beginners struggle to understand trade interfaces specifically designed for ease-of-use.

       
       
       

    The Goal

    Design a trade interface that beginners intuitively understand.

    Average beginner's crypto trading UI: hard to parse

    Senet Labs's Requirements

    • Users can swap any ERC-20 token
    • Trades would execute on third-party exchanges
    • Market orders only
    • Keep it simple
    • Optimize for velocity
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       

    Fetch's token swap UX needed to be as simple as possible.

    I settled on an enhanced dropdown menu for currency selection. This would afford us:

    - Contextual display of the user's holdings
    - Search & autocomplete
    - Flexible 1:1 token swaps, or 1:many
    - Clear zero states

       
       
       
       
       
       
       
       

    Quantity


    A basic text field for trade size entry.

       
       
       
       
       
       
       
       

    Help the User Do the Math

    Quick trade size buttons were rare in 2018.

       
       
       
       
       
       
       

    One-For-One or One-For-Many

    Users could receive multiple different tokens in a trade.

       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       

    User Testing: What We Learned

    Users groked the interface, but nobody cared about the 25%, 50% or 75% buttons.

    Removing those buttons helped unclutter the interface.

       
       
       
       
       

    Prototype Test Results

    Users who struggled with other trade interfaces of that era understood ours at a glance.

       

    Putting It All Together

    A selection of other screens from various iterations of the app.

       

    Visual Design

    I opted for a look & feel that was simple and straightforward, with a color scheme that would feel familiar to a legacy Trad-Fi user.

     
     
     

    Styleguide

    Conclusion

    Fetch shipped a paired-down desktop experience in 2018, but the project didn't survive the bear market of 2018-2019.

    More Projects