Redesigning InstaDApp — A UX/UI Case Study

Jan 14, 2020 · 5 min read

This case study focuses on a qualitative approach to redesigning InstaDApp

Introduction 🔬

InstaDApp is a decentralized application that allows individuals to track their distributed blockchain assets over a range of products and move them around based on real-time market data.
If you are not familiar with what decentralized applications (dApps) are, dApps exist and run on a blockchain network in a public, open-source, decentralized environment and are free from control and interference from any single authority, unlike standard apps such as Airbnb or Uber that run on a system which is owned and operated by an organization giving it full authority over the app and its database.

InstaDApp current design

The Challenge 👨🏻‍💻

InstaDApp is a fairly new product and even though the overall product brings value to users, we‘ve spotted some UX issues that are undermining the user experience for power users.
Our main goal was coming up with solutions to these UX issues while giving the product a new, more minimalistic approach and making the interface easier to navigate through while delighting users with a beautiful and pleasant experience.
We focused on solving the following issues having in mind the flow of a power user:

Setting out hypothesis 📝

Before opening any design tool, we started setting out assumptions based on the UX and UI issues we’ve found. These assumptions were validated later in a few user testing sessions we ran with power users.

Wireframes ✍🏻

We’ve crafted the structure of the new dashboard design while having in mind our goal of simplifying the user’s journey as much as possible. Therefore, we removed steps that created friction to create a platform that eases the task of trading and keeps track of your earnings.

The first approach for a new design 🤺

The result of our first design approach translates into a minimalistic dashboard that solves the usability issues of the past design. We’ve solved these by:

Time to test with users 👩‍💻👨‍💻

Before achieving the final design result, we tested our first assumptions and design approach with targeted users. This provided us with the opportunity to validate our first hypothesis and gain new findings to iterate further.

What’s going to make our final design better? 🏆

Taking the findings we gained from the users and applying these to our initial design, allowed us to come up with a tailored design solution for power users.

The final design 💎 Making trading easier and faster

We brought to life a new InstaDApp dashboard that delights the user by its functionality ease and minimalistic look. We remove friction from the trading feature to allow users to perform their activities faster. We achieved this by:

Hit the play to see the final design animation.

Same experience in mobile 📱

Using a complex dApp like this shouldn’t be much harder in mobile. That’s why we tailored the same experience adapted to the mobile version.

A consistent style guide

Hey, hey…before you go! 🙆‍♀️🙆‍♂️

👏🏻 SPAM 50 CLAPS if you enjoyed this article.
👨‍🎨 Curious about what we do? Check our site
💭 Comment your thoughts, feedback or what you had for breakfast.


One stop resource for DeFi user experience

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store