FinTech & Banking - 2023–2025

Avana

A Web3 crypto trading platform with real-time price monitoring, instant buy and sell, a secure wallet and TradingView-style charts - built to work for someone buying their first coin and someone plotting support lines, on the same account.

Role
Product design, UX/UI & blockchain development
Platform
Web application
Scope
Web3 trading platform, wallet, dashboard
Year
2023–2025
Avana home page showing a Web3 wallet headline, a live ticker of coin prices including BTC, ETH and SOL, and a light/dark theme toggle, next to a 'how it works' section explaining blockchain to newcomers
The home page - wallet framing up top, a live ticker running BTC, ETH, SOL, ADA and others underneath, and a light/dark toggle already visible in the header. To its right, the explainer that walks a newcomer through what Web3 actually does.

The problem

One login, two very different traders

Avana's home page has to explain blockchain and Web3 to someone who has never held a coin, while the trading page next to it needs to carry a live candlestick chart, an order form and a wallet balance at the same time. Both screens sit behind the same login, and neither could be designed for only one kind of user without failing the other.

None of it holds still, either. Prices, gains and losses update continuously, so the interface had to stay readable while nearly every number on the page was changing under it.

Approach

Research the market before the screen

I started with research into cryptocurrency trading patterns and what a blockchain product actually needs to expose - price feeds, wallet state, transaction history. Working agile alongside the blockchain developers, I designed the wallet, the live price tracking and the dashboard while they built the security protocols and performance underneath, so the platform's navigation could stay simple even as its technical surface grew.

The price moves every second. The decision to buy shouldn't.

Trading page

Buy and sell without leaving the chart

The trading page shows a coin's price in real time and puts mirrored buy and sell forms directly beside the candlestick chart - each with its own price, count and amount fields, and a take-profit / stop-limit toggle for orders that shouldn't be left unwatched. A toolbar on the left carries the drawing tools: trend lines, shapes, text, measurement - so a trader can mark up support and resistance on the very chart they're about to trade against.

Avana trading page in dark mode showing a 4-hour MPD/USDT candlestick chart, live volume and OHLC readouts, a drawing-tool sidebar, and mirrored buy and sell order panels
The trading page in dark mode - a 4-hour MPD/USDT candlestick chart with live open/high/low/close and volume readouts, the drawing-tool sidebar on the left, and buy/sell panels with price, count, amount and a take-profit / stop-limit toggle on the right.

Theme

Built to be read at any hour

The home page and the trading page both ship in a light and a dark theme, switched from the same toggle in the header. Green and red keep the same meaning - gain and loss - in either mode, so the reading habit a trader builds at night carries straight over to a bright desk in the morning.

The same Avana trading page shown in light mode, with the same candlestick chart, drawing-tool sidebar, and buy and sell order panels as the dark theme version
The same trading page in light mode - identical chart, identical toolbar, identical buy/sell panels, just re-lit for a bright room instead of a dark one.

Process

From market research to a shipped platform

  1. Research

    Studied cryptocurrency trading patterns and blockchain technology requirements before laying out a single screen.

  2. Design

    Designed the trading interface, wallet and dashboard around real-time data and the TradingView-style charting page.

  3. Build

    Worked agile alongside the blockchain developers on wallet functionality, live price tracking and the dashboard.

  4. Ship

    Delivered a platform where security and performance for live trading data sit behind navigation simple enough for a first-time user.

Design decisions

Three choices that mattered more than polish

Outcome

A platform for the trade, not around it

Avana pairs real-time price monitoring with TradingView-style charts and drawing tools, a secure wallet, a dashboard with full transaction history, and a light/dark theme that carries through every screen - built so a first-time buyer and an active trader can use the same product without either one being underserved.