website: getmoni.io / twitter: @getmoni_io
My first product was the starting point for my journey into web3. As the sole designer, I was responsible for rethinking and understanding how users track their wallets.
During my 3 years at Moni, my role included designing the entire product from scratch, conducting research, creating UI/UX layouts (iOS, Android, Web), branding, developing marketing materials, designing websites and having numerous other ideas that still linger in my Figma files.
Moni helps users to quickly add wallets, provide detailed analytics, and track the performance of each wallet user with the 'Trading Score' metric. Additionally, users can track NFT collections, set up alerts, and monitor market activity.
Backed by 1inch Network, Synthetix, 3Commas, Incrypted, cp0x; Atlantis World, Symbiosis, Soulbounds, OogaVerse, Upshot.xyz, etc.
User Stories
In order to make sure Moni is a useful and convenient tool, we created user stories to ensure that it meets the needs of users. We identified three main categories of users that would benefit from using Moni:
-
Investors: As an investor, I need a convenient way to track my wallets, as well as those of others. I need a simple way to quickly and easily evaluate the performance of my portfolios, and compare them to those of other users.
-
Collectors: As a collector I need a way to keep track of my NFT collections and monitor the market for new NFTs.
-
Hodlers: As a hodler I need to be able to set up alerts and stay up-to-date with the latest market information.
By covering all three of these user types, Moni provides a comprehensive portfolio tracking tool that meets the needs of all users.
Rethinking how and what for degens* use portfolio tracker
Created two separate groups: 'My Portfolio' on the top with total value and 'Watchlist' on the bottom for wallets not owned by the user. Subsequently, other competitors followed suit. Furthermore, the easiest way to add wallets in two clicks was created. An input area was based on the bottom for the fastest way to reach the goal (Fitts's law).
*degens - scientists disagree on theories. However, I would characterize them as PRO crypto users. They works in "all win or all loss" formula.
‘Trading Score’ is an in-depth and simple way to evaluate a wallet portfolio.
This analytics tool was invented before a similar product, degenscore.com, appeared. It works by having the user add their wallet and see a score from 0% to 100%, based on good and bad deals*. This score is divided into several sections for convenience. These sections are named after nicknames known to members of the crypto-community (our main target audience): pleb - those who put money in and lose it (beginners), ape - middle class, degen - thoughtlessly “all-in” into different projects, gets the rekt, but once ride out in a brand new Lambo**. This metric forms the basis for creating social leaderboards based on each user's wallet performance.
*good deals in crypto are offers that will benefit you financially, while bad deals in crypto are offers that will not benefit you financially. Profitable and non-profitable trades
**When Lambo is a term used in the crypto communities to refer to the point at which someone becomes financially successful enough to buy a Lamborghini sports car. There’s no consensus why exactly Lambo.
Onboarding in the Moni
As a designer of user interfaces, my goal is to create a seamless and intuitive experience for the user. I strive to make the interface self-explanatory and easy to understand without the need for instructions. All features should also be easily discoverable within the interface.
The user who downloaded the app from the AppStore/GooglePlay already knows what it is for, so there was no need to duplicate information from the stores. However, it was necessary to get the user interested and to show them all the functionality and features. That's why we added a Demo Wallet to the first (primary) screen, which increased the "adding portfolio" action by up to 127% and 1 day retention up to 24%.
Separate multichain portfolio tracking
Users can have an Ethereum wallet that supports Ethereum, BSC, Polygon, and other EVM networks. This means they can use one address for all networks, and have separate portfolios for each network: one for Ethereum, one for BSC, and one for Polygon, for example.
This is important because each network has its own explorer (blockchain), transactions, coins, and NFTs. Other portfolio trackers either summarize the value of the entire portfolio or don't provide deep analytics. In Moni, we split them.
You can also see the 'Trading Score' in the preview. The metrics show that users track 20% of their wallets, compared to 80% of other people's wallets. That's why we preview the score on the portfolio main page.
NFT tracking as new way to trade and interact
I had the opportunity to work on an exciting feature: NFT tracking. I rethought how users want to view their collections in their portfolio. Other portfolio trackers either showed a list of all NFTs in a row or collections without detailed data, but we put a strong focus on the user's collection.
User feedback revealed that it's more important for users to see the progress of a collection than a single NFT, as their net cost can be the same.
Additionally, I believe I created the most visually appealing way to display NFTs alongside powerful metrics.
Unfortunately, a huge part of that is still in development.
Alerts
Alerts are an important part of Moni's portfolio tracking tool, providing users with a convenient way to stay up-to-date with the latest market information. I designed Moni's alert features to have a simple and intuitive interface, so users can quickly and easily set up alerts to notify them when their desired conditions are met. Users have the option to set up price and volume alerts, as well as alerts for when new NFTs become available. These alerts can be set up for specific wallets, coins, or collections, giving users a powerful way to stay informed and make better decisions.
Design System + Ecosystem
I developed a comprehensive design system for Moni based on the native guidelines of each platform (iOS and Android), despite the fact that the app is developed on React Native. Design system allows us to create a consistent experience across all platforms, while still taking advantage of the native features available on each platform. This ensures that the user experience is optimized for each platform, and that the user has a familiar, easy-to-use interface. Additionally, this design system allows us to create a unique product that stands out from the competition.
Alpha reports - daily report with fresh and early alpha projects available for only limited amount of readers. Today for everyone! Found early: @moonbirds, @AzukiOfficial, @goblintown, @ChimpersNFT, @ethlizards, @LensProtocol