DerivaDex — Case Study

Product Design
6 Days
Working files
Final Report → Final report for the Hypersprint
Collaborative Whiteboard → Online whiteboard with design concepts
Prototype Design → Prototype screens for the entire flow



User Researcher
Georgia Rakusen
Profile →

Andrej Berlin
Profile →

Prototype Designer
Sergey Skip
Profile →

Design Process

Design Goals

DerivaDEX is globally (driven by Asian demand) the go-to exchange platform for derivative contracts (top 5 by average daily volume) due to its:
  1. unparalleled asset offering and selection of derivatives
  2. mobile-first ease of use and onboarding
  3. incentivized native token.

All of the three value propositions were met with very positive resonance in all testers. Aside from an outstanding mobile UX design, almost everyone pointed out that it’s unusual and interesting to be able to trade all kinds of assets. The utility of the native token has been seen previously and doesn’t require a lot of convincing. Starting in Asian countries with a mobile device seems like a good decision but on-boarding new users and removing friction in the first use needs some refinement. More on that below.

The chart needs a bit more details and the numbers on the order form can be cleaner and clickable.

    Design Challenges

    1. Can we put all the exchange UI components on a mobile layout that’s not overwhelming?

    Yes. Together we did a really great job of deciding which elements are most useful and how to create an unobtrusive layout to present people with the most important information. Everyone commented on the clean UI and how it’s very unique in the DeFi trading space. The design needs a few clean-ups to make it more pretty and polished obviously (e.g. visual separation of chart and position section on the trade page, or mentioning the name of the active space in the top right corner), but generally the mobile app works really well.

    The chart needs a bit more details and the numbers on the order form can be cleaner and clickable.

      2. Can we truly make the UX compelling enough for centralized exchange traders in Asia?

      Yes. Especially in Asia people seem to be looking for this kind of a solution, since they indeed use their phones a lot and don’t feel uncomfortable trading or sending money from their mobile device. The important part to get right is the on-boarding to the app – the value needs to be extremely clear and the friction between hearing about the app and trying it needs to be reduced to a minimum. This could mean starting by releasing a PWA and/or offering an APK download straight from the website since that’s how most Chinese apps do it.

      Another important aspect is the website and the first point of contact with your target customers. Currently, it only roughly outlines the benefits and does not go into too much detail. That makes it look longer than needed without providing much information.

      Since we want to incentivise users to trade more, we can pronounce the trading button in the bottom middle a bit more (almost like “adding a video” in TikTok).

      3. Can we make sure people understand the value of the DerivaDex token?
      Yes, if we explain it a bit more.

      Almost all testers valued the token and would love to use it, in part to reduce the price of transaction fees.

      Currently, we only explain it on the website and it appears at the end of making a trade. Making users aware of its existence right at the beginning of using the app and confirming at the end could be a way to pre-empt the utility – let people go through the trade without additional intervention and offer the opportunity to top up at the end.

        Building a product?

        Custom consulting and product design for your project goals. 


        Join our Hypersprints and use our educational material to improve your skills.