TokenSets
TokenSets is a web3 portfolio management tool that allows users to construct customizable baskets of fully collateralized crypto-assets called "Structured Products". These Set Tokens engage with popular Decentralized Finance (DeFi) protocols and follow the manager's specific strategy. Investors can replicate an identical strategy easily by minting or purchasing the Set.
01
Problem Statement
The current design of TokenSets poses several challenges to the users. The primary challenge is the difficulty in exploring sets, which makes the browsing experience heavy, slow, and unenjoyable. Another issue is that when a user clicks on a set, it loads slowly, causing frustration and discouragement to continue exploring the app. Furthermore, the UI feels overwhelming, with spaces and distances used poorly. Some elements are too close, while others are too far from each other, giving the impression of a raw and unrefined design.
02
Research and Analysis
Our team’s primary objective was to analyze the app's current design as users to identify weak points in the browsing experience. We determined that the browsing of Sets was not easy and entertaining, the Sets page loaded too slowly, the design had too many distracting elements, and the navigation was complicated. To address these challenges, we needed to rethink the app's structure, navigation, and layout to ensure that the user could browse and buy or sell sets with ease.
03
Redesign Solution
To simplify the functionality of exploring Sets, we added a row and grid view option and included the ability to filter Sets by categories. These features provide users with an organized and straightforward browsing experience. We also made changes to the loading speed by opening Sets on a fullscreen modal instead of a new page – this provides users with a feeling of an uninterrupted process.
To enhance the UI, we polished the design using bright colors and a clean, modern style, paying attention to detail and making it visually appealing and engaging. We also created both light and dark modes to give users the option to choose their preferred interface. These changes help to improve the user experience and encourage users to continue using the app.
04
Result
Redesigning TokenSets was an exciting and challenging project that required a thorough understanding of the users' needs and how they interact with the app. By simplifying the functionality of exploring Sets, enhancing the UI, and improving the loading speed, we were able to create a more user-friendly and engaging experience for users. The new design now provides an easy and smooth browsing experience, encouraging users to continue exploring and investing in Sets.
