UX/UI Design · Basecode · October 2023
.gif)
Pinnacle is a blockchain-powered affiliate platform that allows members to earn commissions and rebates by purchasing crypto trading insurance packages and referring new users. The primary objective was to create a seamless user experience that simplifies transactions, enhances trust, and provides clear insights into user activities.
The three primary objectives of the projects was to:
1. Design an engaging landing page that effectively communicates the platform's value proposition.
2. Ensure visual and functional consistency across all redesigned screens.
3. Simplify complex blockchain transactions for users.
UX/UI Designer
October 2022 - January 2023
Pinnacle is an affiliate platform wherein the users needs to use a referral code from other member in order to create an account. However, users often struggle to identify that registration from the platform requires a referral code.
To streamline the onboarding experience, the referral code button is prominantly displayed on both the landing page and initial registration screen, serving as a clear entry point for new users.
The dashboard provides users with a comprehensive weekly summary, including recent trades, announcements, insurance claims, and the current balances across different trading wallets.
Each dashboard widget is interactive and serves as a shortcut to its corresponding detailed screen, allowing users to quickly navigate and access specific information with ease, enhancing usability and reduces the time spent searching through menus.
WHAT IS IT?
Each member has three wallets: the main wallet, self-trade wallet, and auto-trade wallet.
The main wallet serves several functions such as: receiving funds from the blockchain, withdrawing money, transferring funds to the self-trade wallet, and receiving ROI payouts. However, these actions were not clearly accessible or visible, leading to a confusing user experience.
The main wallet widget provides a clear snapshot of available funds and historical performance. It includes prominently displayed, easy-access action buttons for all key monetary functions improving easy access fund management and user efficiency.
USER SCENARIO
A user needs to transfer funds from their Main Wallet to the Self-Trade Wallet to initiate trading activities, purchase insurance, or reallocate funds to other wallets.
The design highlights transparent transfers. Users are informed of and estimated transfer times, fostering trust and clarity.
Moreover, the design also incorporates progress indicators that guides users through each stage of the transaction process to ensure predictable and intuitive process.
SELF-TRADE FUNCTIONS
The user interacts with the wallet in several ways such as:
· Receiving money from main wallet
· Transferring money to main wallet
· Locking money if there is an insurance request that is submitted from the user’s end
The platform allows members to purchase one Self-Trade Insurance per day to protect against potential losses. If a user experiences six consecutive trade losses, they become eligible to submit a claim and recover their insured amount.
To support this process, the system automatically locks the necessary funds during the insurance claim review, ensuring accountabilitys. Additionally, users can upgrade their insurance tier via the "Insurance Report" screen, which provides a clear overview of active coverages, claim history, and upgrade options, empowering users to manage risk proactively with confidence.
AUTO-TRADE FUNCTIONS
In Auto-Trading, users select a subscription tier that fits their trading goals. The system automatically handles trades, and any ROI (Return on Investment) payouts are seamlessly deposited into the user’s Self-Trade Wallet.
AUTO-TRADE INSURANCE
To protect users against potential losses, the platform includes an Auto-Trade Insurance feature. On rare occasions when the auto-trader incurs six consecutive losses in a single day, users are eligible to submit an insurance claim through the Insurance Report section.
However, to qualify for a payout, users must have completed at least 30 insurance purchases. The design clearly communicates this requirement through the Insurance Report interface, using progress indicators and contextual messaging to ensure users understand their eligibility status and claim process at a glance.
USER SCENARIO
Support in monetary management is essential. In helping the user report issues, request information, or obtain assistance, a support screen is necessary.
Having a clear path to report problems and receive timely assistance is crucial. It highlights how a well-managed support ticket system can not only solve individual problems but also improve the product itself.
USER SCENARIO
Since the platform is a cross trading and affiliate system, it stores a massive amount of monetary information. In order for the user to view a specific information in a short period of time with less hassle, the filter search is a necessity.
The goal was to create a simple, clean, intuitive design that minimizes the user’s cognitive load. By using a consistent color palette, clean and legible typography, and easy annotation access, users can easily check their available balance, transact, and can use the platform without feeling puzzled.
To lessen the burden on the side navigation bar, information screens such as insurance reports and subscription tiers has been sorted out and organized and placed as tabs under its respective credit wallets. In this way, users can view details as a single display of its mother screen.
User information accessibility is made easier with the usage of filter search that can be seen in every screen. As the platform is easily loaded with transaction information, users can easily filter, view, and download the details that they need.
