Halo Trade

Over view

This is an AURA team project for a crypto swap application that will be completely rebuilt from the ground up: design system, branding, etc.

In which case, the UX/UI design team will undoubtedly fully understand the BA's documents, and will design the interface in accordance with the business requirements and increase the user experience through the UI, and the UI must show the Halotrade's brand identity through font color and mastcot set of Graphic team.

Furthermore, the UI Library must be built in parallel to optimize efforts for designers, developers, and to serve as the foundation for the future Design system.

The project will be built around each MVP:

  • MVP 1: UX/UI team must ensure that the most important functions, such as (Swap,Wallet,Fool)

  • MVP 2: Continuity features like (Farm, Assets...)

My Contribution

Design project lead
UX Research
Clear business with PO
Concepts & Designing UI
Hand-off UI for Dev

User's wishes

  • For Trader: Swap your tokens at the best rates. No limits With our Dynamic Trade Routing technology, we aggregate liquidity from multiple DEXs and identify the best trade route for you.
  • For Liquidity provider: We give liquidity providers the option of choosing between two liquidity protocols so they can earn passive income - HaloTrade Elastic and HaloTrade Classic. Simply deposit your liquidity and start earning.

Business Goal

  • Dex: HaloTrade is a decentralized exchange (DEX) aggregator. We provide our traders with the best token prices by analyzing rates across thousands of exchanges instantly!
  • AMM: HaloTrade is also an automated market maker (AMM) with industry-leading liquidity protocols and concentrated liquidity. Liquidity providers can add liquidity to our pools & earn fees!

Plan

We can estimate the time for each task based on the sitemap; each task will be credited over time for mobile, Dark theme, and meeting + Feedback. Each task will be discussed and assigned to team members to ensure a consistent workload and optimal time management. When the plan is finished, it will be sent to the customer so that both parties can understand how the work is progressing.

UI Solution

A. Swap extract token for token

For end-users, swapping is intuitive: a user picks an input token and an output token. They specify an input amount, and the protocol calculates how much of the output token they’ll receive. They then execute the swap with one click, receiving the output token in their wallet immediately.​​​​​​

B. Earn function

When a pool contract is created, its balances of each token are 0; in order for the pool to begin facilitating trades, someone must seed it with an initial deposit of each token. This first liquidity provider is the one who sets the initial price of the pool. They are incentivized to deposit an equal value of both tokens into the pool.

C. Mobile responsive

Have a good trip 😉