UX / UI DESIGN
.gif)
Pinnacle is an affiliate system wherein a member can earn a commission and rebate by auto trading and from other members who signed up based on their referrals.
The challenge was to create an affiliate system platform (both user screens and admin screens) within 4 days based on the given spec doc.
UX / UI Designer
Sole designer with 1 front-end,
2 backend developers, and
1 QA tester
December 26 - December 30, 2023
Pinnacle, a free to all affiliate platform wherein a new user needs to use a referral code from other member in order to create an account.
The referral code will be seen in the landing page, and as well as the first registration page as a portal for the user to create an account. User registration cannot continue if the referral code is invalid.
The dashboard screen views the overall weekly summary of the trades, announcements, insurance claims, and the money available on the different trading wallets of the user .
The widgets are clickable and can go to its respective screens for easy user access.
WHAT IS IT?
As a member, you have 3 wallets. The main wallet, self-trade wallet, and auto-trade wallet.
The functions of the main wallet are:
· Receiving money from the blockchain
· Withdrawing money
· Transferring money to your self-trade
· Receiving ROI payouts n
The main wallet widget shows not only the wallet’s available funds but also the actions that the user can do such as transferring money and etc.
USER SCENARIO
User wants to transfer money from their main wallet to self-trade wallet in order to trade, buy an insurance, or withdraw money from their main account to other wallets.
The design highlights the transparency of the transfer, letting the users know the fees and charges of the transfer and the estimated time as to when the money will arrive to their respective receiving wallet.
SELF-TRADE FUNCTIONS
· 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
As a member, you can buy 1 self-trade insurance per day for your trades. This means that if you have lost 6 consecutive trades, you can submit a request and claim an insurance from your loss. After buying an insurance, the member can upgrade his insurance into another tier.
AUTO-TRADE FUNCTIONS
In Auto-trading, member can choose a subscription tier that the user can participate and its ROI payout is deposited automatically into its self-trade wallet.
AUTO-TRADE INSURANCE
There will be days that the auto-trader will lose all six consecutive traders in a day. When this occurs, the member can submit an insurance claim under the Insurance Report tab, but will need to fulfill 30 insurance purchases in order for the payout to be withdrawn.
USER SCENARIO
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.
Given the short amount of time, my goal as a designer was to create a simple, clean, intuitive design that minimizes the user cognitive load. By using a consistent color palette, clean and legible typography, and easy navigation pathways, users can easily check their available balance, transact, and can easily 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.
