Location

UK

Industry

Cryptocurrency

Solution

 Web3 Dashboard

Technologies

Moralis, ExpressJS, NextJs, Tailwind

About the Client

The client is a funded startup with a vision to create a diversified one-stop Decentralised Finance (DeFi) Portal to extend the benefits of the crypto-currency revolution to the masses. 

The leadership at the client decided to bring their deep expertise in the financial industry and passion for technology-driven transformation together to build a solution to address the chaotic growth of the crypto world. 

The client aims to meet the investing demands of a new generation of users eager to enter the crypto ecosystem and help them optimize their holdings.

Problem Background

The client understood that new generation users might not have in-depth knowledge of the crypto ecosystem. Such new users can be intimidated by a market where price swings and extreme volatility can impact the entire portfolio negatively instantly. It was imperative to build a platform with intuitive features and functionality to aid these early users, achieving a low learning curve.  

It was critical for the entire project’s success to have an all-inclusive dashboard packed with robust DeFi protocols and yet simple enough for users to optimize their digital assets. 

A simplified UI/UX backed by a design thinking approach and supported by cutting-edge frontend technologies was a key to making new users feel comfortable with the crypto ecosystem. 

The Challenge

The primary goal of the portal was to make cryptocurrency accessible and beneficial to as many people as possible. Therefore, it was essential to offer the ability to conduct transactions involving various digital financial assets via cooperative farms, the NFT marketplace, and trade automation. The dashboard is a gateway to these transactions, so it must be uncluttered and easy to use. It should guide users through their digital asset investments without making them feel overwhelmed by the complexity of the crypto ecosystem.

Along with these design goals, the dashboard’s frontend technology was needed to accommodate the data-intensive demands of the Solidity backend. The earlier development team built the existing front of the dashboard in ReactJS. It was not supporting the crucial functionalities that were pivotal for the future development of the dashboard. The ReactJS lacked the following features:

  • Easy server-side rendering
  • Support for pre-rendering
  • Automatic building size optimization
  • Support for static export

Apart from these, the developer compilation was not fast enough. 

The client approached NetTantra for its UI/UX expertise and frontend technology prowess. 

NetTantra’s Collaboration with the Client

NetTantra Business Analysts conducted qualitative research initially through focused group discussions where they understood the inhibitions and drivers of the wannabe crypto users. The team then channeled the insights derived from these discussions into one-on-one interviews with target buyer personas. At a later stage, the UX team built mockups and gathered feedback. After several iterations, the final dashboard UX was ready. 

Meanwhile, the technical team chose NextJS as its frontend for the following reasons: it is a wrapper around ReactJS, needs less coding, and is relatively easier to manage. Most importantly, it has everything from server-side rendering to static export required for the project’s future roadmap.

The team discussed with the client and decided to go with the agile development methodology. It would allow for incorporating any interesting insights that needed to be integrated into the dashboard immediately.

The dashboard was ready after toiling efforts of 6-9 person-months for interviewing users, creating mockups, creating A/B tests, migrating the codebase from ReactJS to NextJS, and adding newer UX and features. 

Conclusion

The simplified dashboard allows users to bridge assets across multiple blockchains, earn yields through staking and farming, or even trade into NFTs. It provides critical information at the fingertips with the ability to drill down whenever required. While it supports users in managing complex crypto transactions with ease, it supports the rigorous demands of the backend and is aligned with the future roadmap of becoming a diversified one-stop DeFi Portal.