FluiDefi

About business

Fluidefi is a fintech company that offers accurate data for Defi institutional investors. It provides them with top-performing Defi assets on one platform, data aggregation and analytics, a portfolio manager, and simplified staking.

‍

This redesign aims to enhance the platform's overall user experience by incorporating a user-centered approach. This will involve conducting a thorough analysis of user needs, behaviors, and pain points to inform the design decisions. The new design will prioritize ease of navigation, clarity, and simplicity to help users achieve their goals without any friction.

‍

To create a more appealing and engaging user experience, the new design will leverage the latest design trends and practices, including minimalism and intuitive navigation. This will be achieved through the use of clean typography, bold visuals, and an intuitive layout that allows users to find what they're looking for quickly. By prioritizing usability and user experience, the redesign will ensure that users enjoy a more fulfilling and satisfying experience when using Fluidefi.

‍

‍

Challenge

While Fluidefi offer the highest level of accuracy in Defi data compared to its competitors, the platform's design appears to be outdated and lacks the necessary visual aids that are crucial for a user-friendly experience which poses a challenge for its usability. The platform's presentation of a large amount of data can also be overwhelming and confusing for first-time users, which could potentially hinder their adoption of the platform.

‍

Objectives

‍

Process

‍

Research

Background research

When conducting background research of DeFi (Decentralized Finance) apps as part of the UX (User Experience) process, it is important to consider several factors. Here are some steps you can take to conduct a thorough research:

• Identify the Top DeFi Apps
• Analyze the User Interface (UI)
• Evaluate the User Experience (UX)
• Look at User Reviews
• Evaluate Competitors

Overall, conducting background research of DeFi apps is an important part of the UX process. By analyzing the design and functionality of these apps, as well as evaluating user reviews and competitor performance, we gaineed a better understanding of what works and what doesn't work in the DeFi space.

‍

‍

Define

User Flow

We began by mapping out the ultimate path for our end-users when going through both the holdings screens and the yield farming. This is an essential step in our process that helps in clearly communicating design ideas and decisions with other stakeholders, such as developers, project managers, and clients, as they provide a clear visual representation of the user journey.

‍

‍

Design

Wireframes

After our constant communication with our client, we began translating our proposed solution into low - fidelity wireframes. At this stage, the wireframes were defined enough for some user testing. Based on multiple tests. We made few iterations based on our findings and then we moved on to creating high-fidelity prototypes.

‍

‍

‍

High fidelity design

Once the wireframes were approved by our client, we moved on to design the final screens in Figma. The goal was to create a seamless experience for the users that is not only translated in the interactions but also in the visual design of the platform. We chose a dark mode for the design based on users behaviours of such platforms as a way to reduce eyestrains while still keeping the core brand colors of Fluidefi.

‍

‍

‍

Main redesigned screens

Holdings

The new proposed redesign of the holdings screen will provide an overview of assets the users has on one wallet and the option of displaying multiple wallets at the same time. The users will have the flexibility of customising what data they want to see and how to display them including different graphs, lists, tables etc.

‍

Yield farming

The overall new design is cleaner and less cluttered. Users will have the ability to easily search for farms and filter them based on their preferences. In addition to that, the user can add and remove columns from the table from the drop-down menu. Each column will have a tooltip that will show messages that provide additional information about the element the user interacted with.

‍

‍

Test

Usability testing

Usability testing is a method of evaluating the ease-of-use of a design with a sample group of actual users. This process involves watching users carry out specific tasks and can be performed at various stages of design development, from the initial stages to final release. Usability testing is often performed repeatedly to continually improve the design.

‍

We successfully conducted a usability test with a business owner of a similar product. This gave us valuable insights on possible errors and frustrations pain points which significantly helped us iterate the design and make noticeable impact on the overall experience.

‍

Outcomes

‍