01
Transparent presale tracking
Key presale data such as total raised, sale progress and the target are shown clearly. A progress bar and a focused purchase area let people see where things stand and buy tokens right there.
All work03 / 05
Tradeviewer
Web3 Trading Platform
About the project
TradeViewer is a Web3 trading platform concept I designed for following crypto markets, exploring live on-chain data and spotting futures opportunities. It combines real-time market data, charts, the token ecosystem and presale participation in one experience. The aim was to present dense, technical financial data more clearly so both new and experienced traders can follow the market comfortably.
Mission
To simplify the heavy data and trading flows of crypto markets so people can follow price action, on-chain data and opportunities faster and more clearly on one platform.
What I did
I led TradeViewer’s UI/UX, designing the information hierarchy, content structure and core interfaces. I focused on presenting market data, charts, trading areas and presale content clearly without overwhelming people, and shaped the hierarchy, components and visual language for a modern, consistent experience.
- Scope
- UI/UX DesignWeb DesignVisual Design
- My role
- UI/UX DesignVisual Direction
- Tools
- FigmaPhotoshop
Problem
Crypto trading and token presale platforms often present highly technical information in a way that feels complex, risky or hard to trust. People need to understand market activity, trading opportunities, token value and the platform’s credibility quickly before they act. The main challenge was a landing page that simplifies this information, builds confidence and lets both beginners and experienced investors make sense of the platform without feeling overwhelmed.
Solution
I designed a clear, conversion-focused Web3 landing page that presents TradeViewer’s trading experience, token ecosystem and presale opportunity in a structured, trustworthy way. Strong visual hierarchy, simple explanations, clear calls to action and a premium, futuristic design language help people grasp the platform’s value quickly and guide potential investors through complex crypto information with more clarity and ease.
Design process
March 23 – April 12, 2026, about 3 weeks.
Research
DiscoveryStudying crypto and presale platforms
Information architecture
StructureSection order and wireframes
UI and brand identity
DesignLanding page interface and logo
Presentation
DeliveryMockups and Behance case
Logo and visual identity
TradeViewer’s identity reflects the technical, fast-moving character of Web3 and trading. The fluid, connected form of the logo suggests data flow and networks, while purple tones add a modern, confident tech feel. The visual language blends with the platform’s dark interface into a consistent, distinctive brand.
xx
- 48 px
- 32 px
- 20 px
Colours
- #636FE3
- #6B4AE4
- #111317
- #FFFFFF
Typeface
Outfit
A clean geometric sans-serif. It reads crisply on screen, and its bold weights give headlines a strong, technical presence.
- Aa Bb Cc 0123400
- Aa Bb Cc 0123500
- Aa Bb Cc 0123700
The full page
A landing page that introduces TradeViewer’s crypto trading ecosystem with clarity and impact. It brings visual hierarchy, presale-focused actions, token information, trust signals and community touchpoints together in one seamless flow.
The page scrolls as you do
Key sections
02
The whole token economy at a glance
Total supply, presale price and token allocation are laid out clearly so people grasp the ecosystem quickly. Allocation, utility and key token facts sit in one section for a more transparent, decision-friendly read.
03
The roadmap, step by step
The roadmap is split into clear stages such as presale, beta platform and full launch. Completed steps, next goals and future plans sit in one structure so the long-term vision is easy to follow.
The full presentation is on Behance
See every screen and detail of the project in the Behance presentation.
View on Behance