ThunderCore Bridge is a product that helps users send and receive digital assets between different blockchain networks. As the first product that most people encounter when entering a new public chain, ThunderCore Bridge is a crucial entry point.
To attract more users and enhance the user experience, I was assigned to redesign the product by the end of 2022.
Senior Product Designer
2022.12-2023.01 (1 month)
Figma, After Effects, Photoshop, Illustrator
Firstly, through 1-on-1 user interviews, I gained a better understanding of users' current perceptions of the product. Subsequently, I conducted a competitive analysis to understand how other websites address similar issues.
Both internal and external feedback indicated that the product did not match the company's brand, and that some users felt it resembled a fraudulent product, which deterred them from making transactions.
I simplified the user experience and information by redesigning the user journey and updating the relevant pages with the required transaction information.
Simplify the transaction process
Adjust information display based on user needs
OPPORTUNITIES
Through optimise IA and transaction information and improve UI & visual, users will more satisfy the product.
I have tried various versions of cross-chain transaction flow and low-fi prototypes to test how users could quickly select chains and tokens and complete transactions.
GOAL
Create a prototype to test the new design and process for seamless transactions and ensure users have sufficient information at each step.
FEATURE
Tab switching for deposit and withdraw
Dropdown menus for selecting chains and tokens, consistent web and mobile experience
Redesigned transaction steps with highlighted gas fees
Reduced importance of secondary information
5 participants were recruited for 2 rounds of Usability Testing, two of which had previously tested the low-fidelity prototypes.
OBJECTIVES
Test if users can successfully complete asset transactions
Test if users can understand the current transaction status and required fees
Users prioritize transaction fees and security when conducting cross-chain transactions and prefer clearer fee displays.
Users suggest that the transaction process can be further simplified, and the user flow needs to be revised based on their feedback.
Users have a positive response to the redesigned interface, finding it more streamlined and efficient for completing transactions.
After unifying and updating the colors and design styles to a new brand, the visual language becomes more recognizable and focused.
Prioritise user actions with a hierarchical visual order: Select transfer type - Blockchain Network - Tokens
Added clear step prompts for easy tracking of transaction status
Enhanced visual hierarchy of transaction information.
Updated explanations to ensure user confidence during blockchain interactions based on user feedbacks
Introduce animations to the interface to align the product with industry trends and enhance user satisfaction.
Colours, fonts, and elements have been updated according to the company's new brand guidelines
Clear step-by-step prompts for a reassuring transaction browsing experience.Adjusted transaction information explanations for better understanding of fees and details during blockchain transactions.
Ensure consistent and fast user experience across mobile, iPad, and web versions, allowing users to enjoy the same simple and swift interactions on different devices
01 User survey
Collect feedback from users on usability through a round of user feedback, identify existing issues and explore new design opportunities, and organize them as a direction for subsequent iterations.
02 Data observation
By observing the proportion of completed transactions and whether there are breakpoints in use, organize them as a direction for subsequent iterations to confirm whether the goals have been successfully achieved.
Copyright © Janet Yeh Design 2023