ThunderCore
Overview
During my internship at ThunderCore, a blockchain startup providing a fast and secure platform for Web3 applications, I was primarily responsible for redesigning our decentralized wallet. This wallet serves as a portal to connect users with our blockchain ecosystem, such as engaging them with cryptocurrency transactions and DApp interactions.
I worked in close collaboration with the product owner and UI designer, focusing on optimizing key features like the DeFi asset list and transaction flow in the product revamp to launch interactive, high-fidelity prototypes. My role also included conducting usability tests to pinpoint critical UX issues, and these findings were then analyzed and reported alongside each development sprint.
My Impact
✅
Designed wireframe for 3 major product functions, enhancing user engagement by a 20% increase to 400K monthly active users.
✅
Conducted over 10 in-house usability tests, effectively translating findings into actionable design improvements that directly enhance user experience.
✅
Delivered 6 monthly reports on UI/UX design trends in the blockchain industry, covering topics from NFT to GameFi, and providing insights to our product team.
01 Blockchain Wallet Market Research
Methodology
I conducted comparative analysis on 5 blockchain wallet apps by downloading them to my phone and actively using them for a month. This approach allowed me to thoroughly explore all their features and assess the user experience in each wallet. My research primarily focused on the Onboarding Process, Login Method, WebApp Connection, and Referral System.
Here are the specific criteria I established for selecting the wallet to compare:
Similar Market Position: Each chosen wallet had to be developed by a company that has their own public blockchain and is dedicated to expanding their ecosystem.
User Base: The wallets needed to have a similar or higher number of Daily Active Users (DAU) compared to our company's blockchain.
Cryptocurrency Compatibility: These wallets were required to support a broad range of tokens, catering to a wider range of users’ needs and accommodating various transaction types.
Login Method
Users usually have two behaviors when attempting to access a blockchain wallet: creating a new wallet within app or importing existing wallet from another blockchain. I investigated all the methods to log into the wallets, and summarized them in the table below.
Based on the results, my recommendations for future login process enhancements are:
Provide multiple access methods, ensuring flexibility and user preference accommodation.
Enable login with existing accounts and transfer asset to the new wallet efficiently.
Support non-custodial login methods, offering users greater control over their security and privacy.
WebApp Connection
In certain scenarios, Web3 applications are only accessible through websites, making it essential to ensure a seamless verification process for WebApp to interact with mobile. I investigated common connection routes in blockchain wallets and evaluated the advantages and disadvantages of each method.
Route #1
Users transfer their mobile wallet assets to a wallet supporting both browser extension and mobile app (e.g., MetaMask), and then connect this wallet to the WebApp. While this method is easy for development, it is cumbersome and poses security risks if the wallet is not disconnected after usage.
Route #2
For WebApps developed within the same blockchain, some provide a QR code for direct linking to their mobile wallet. This method ensures smooth integration within the same ecosystem but is incompatible with WebApps from different blockchains.
Route #3
Adopting WalletConnect, an open-source protocol, enables mobile wallet to connect with WebApps across various blockchains. This approach offers convenience, broad compatibility, and enhanced security for its cross-blockchain capabilities.
Suggestions
Considering the engineering efforts, our wallet currently adopts the Route #1 connection approach, which is simpler to develop but is the least convenient and not very secure for users. Thus, to enhance the wallet connection experience, I proposed some refinement suggestions within the criteria:
Clear Guidance: Provide a clearer guidance throughout the connection process, such as visual clues or tooltips. This allows users to follow step-by-step, reducing complexity and alleviating their mental burden.
Disconnect Alert: Introduce an automatic disconnect feature or alerts to remind users to disconnect after a period of inactivity. This could prevent unauthorized access or misuse.
Explore Hybrid Solution: While maintaining the main user flow, integrating elements from other routes could enhance the connection process. For instance, incorporating QR code scanning for easier linking, which is borrowed from Route #2.
02 Product Revamp: DeFi Asset List
Challenge
As our blockchain ecosystem expands, there are increasing users invest in DeFi, raising the demand of efficient tracking of real-time APR and timely adjustments to investment strategies. Since crypto portfolios can be complex and vary among different DeFi projects, it is important to present clear and comprehensive details in the listings.
Design Solution
I have introduced a "DeFi Asset" column to the existing wallet interface, enabling users to view investments across each DeFi project in both cryptocurrency and US dollar modes. The asset list also displays the APR for each project, which facilitates real-time financial adjustments. Additionally, users can navigate to specific project pages by clicking on the project column, allowing for further refinement of their investment strategies with ease.
Wireframe & Prototype
03 Product Revamp: Transaction
Challenge
Crypto users typically engage in 3-10 transactions per day on average. Therefore, quickly differentiating transaction types and statuses is crucial for efficient management. However, the existing interface displayed too much redundant information, making it difficult for users to find essential details of each transaction. This issue prompted me to redesign the transaction page to improve recognition at first glance and facilitate subsequent actions.
Design Solution
Categorized Transaction Types: Transactions have been categorized into three types: smart contracts, incoming transfers, and outgoing transfers. Each category is represented by specific icons to let users easily identify the source.
Color-coded Status: Colors are used to reflect three transaction statuses: processing, success, and failure. A noticeable color is used to alert when a transaction is incomplete.
Detail Page Refinement: The detail page has been optimized by retaining essential information while removing technical data to avoid confusing users.
Original Interface
04 Product Revamp: Daily Task Design
Challenge
My challenge here lied in designing a system on mobile app to boost DAU(Daily Active Users) and increase TVL(Total Value Locked). DAU is highly hinged with the consecutive engagement with the app every day, so designing a reinforcement to foster a routine of regular app interaction is important. Similarly, to grow the TVL, it is crucial to demonstrate the potential for high returns on investment when interacting with the DApps in our ecosystem, thereby encouraging users to commit more funds to this blockchain over the long term.
Design Solution
Highlighted “Claimed Rewards” Column: Vividly displayed the earnings and ROI users gained across various DApps within this wallet. This visualization and transparency is intended to motivate sustained and regular investment in the app.
Time-sensitive Quest: Integrated time-limited tasks such as Twitter reposts and DApp interactions. These tasks are designed not only to provide rewards but also to familiarize users with our ecosystem after completing the quests.
Unexpected Daily Login Rewards: Users can receive rewards at each login, and would get random bonuses if they consistently check the app daily. This leveraged the element of surprise to reinforce daily engagement.
User Flow & Wireframe
UI Interface
Notice: Some projects in this portfolio is protected by clients, please understand only a portion of these projects can be revealed.
