AI Trading,
Zero Friction.

Bringing AI-powered perps trading to the Telegram timeline with a three-tap UX.

10x.Trade home screen with market insights and a green robot mascot, shown on a phone held in one hand

The Context

By Q4 2024, the crypto market was surging, and Telegram had cemented itself as the undisputed town square for Web3. Millions of users were sharing market alpha in group chats, but when it came time to actually execute a trade, the friction was massive.

10x.Trade was built to bridge this gap. We designed an AI-powered Telegram mini-app tailored for crypto "degens," bringing perpetuals (perps) trading directly into the chat interface. I led creative direction, branding and UI design. We brought market insights, trade execution and shareable results into one flow, with plain-language status updates during deposits and trades.

Before After
10x.Trade home screen combining market insights, trading controls and the robot mascot
Original Telegram trading feed with dense messages and inline trade buttons

The Challenge

The core problem wasn't a lack of interest in perps; it was a lack of accessibility.

For the average retail trader, deciphering complex Technical Analysis (TA) and candlestick charts is overwhelming. Trading perps relied entirely on guesswork, leading to poor decisions and high anxiety. We needed to democratize TA and make it readable at a glance.

Furthermore, we were targeting an audience highly skeptical of connecting their primary wallets to new, untested DApps. We had to design an experience that felt culturally native to the crypto space, yet exuded enough operational trust for users to securely deposit funds.

Before After
Redesigned 10x.Trade panel with a price chart and prominent long and short controls
Original trading interface with a detailed candlestick chart and small controls

The Branding Battleground

I led the Creative Direction, UI design, and all marketing and social graphics.

When I first took on the project, the client lacked a clear visual direction. We cycled through multiple frustrating iterations that weren't hitting the mark. The breakthrough came when I stopped sending static concepts and built an animated presentation. I pitched a bold, highly adaptable "X" logo, designed to take up maximum real estate wherever it was placed, making it aggressively visible and impossible to ignore. Once they saw the branding in motion, the visual identity clicked instantly.

Construction grid for the 10x.Trade X-shaped brand mark
Green 10x.Trade app icon on a phone home screen
10x.Trade brand artwork with a trader holding a phone in green light
Shareable Ethereum trade-result card showing investment, profit and exit controls
10x.Trade icon set for trading, calculations, rewards and referrals
Benjamin Franklin portrait rendered in the green 10x.Trade visual style
AI-powered trading campaign artwork with two robotic hands reaching toward each other
10x.Trade robot mascot with glowing green eyes
10x.Trade white and green wordmark on a black background

Remove the Charts. Automate the Analysis.

We realized our users didn't want to decipher complex charts; they just wanted to know which way the market was leaning.

Instead of building a daunting candlestick interface, we created a visual dictionary of technical indicators. We took historically complex concepts like the "Golden Cross," "Death Cross," and "Mean Reversion," and translated them into simple, glowing neon graphics tagged with a binary Bullish or Bearish signal.

Inside the Terminal UI, we highlighted the specific technical indicator triggered and provided a plain-English translation from our AI mascot. This approach didn't just simplify trading; it actively promoted technical education without the cognitive overload.

Bearish crossover insight card with a downward red arrow
Bullish breakout-above insight card with an upward blue arrow
Bearish breakout-below insight card with a downward blue arrow
Bullish crossover insight card with an upward green arrow
Death-cross insight card showing two intersecting curves and a bearish label
Fear and Greed gauge with the needle at extreme fear
Fear and Greed gauge with the needle at extreme greed
Fear and Greed gauge with the needle at fear
Fear and Greed gauge with the needle at neutral
Fear and Greed gauge with the needle at greed
Golden-cross insight card showing two intersecting curves and a bullish label
Bearish mean-reversion insight card with a falling price curve
Bullish mean-reversion insight card with a rising price curve
RSI insight card labelled oversold
RSI insight card labelled overbought
RSI insight card labelled neutral
Squeeze insight card with converging bands and a neutral label
Zero-line crossover insight card with a bullish label

The Viral UX

We turned our core philosophy into a frictionless Telegram UX, engineering out every drop-off point while baking in a viral growth loop.

The 3-Tap Flow

Navigating via a hyper-simple bottom bar, users could jump into the Terminal, select Long or Short, allocate their investment, set their multiplier, and swipe to confirm.

Social Proof & FOMO

A subtle toast notification showing that "jordanbelfo... went Short with $100" created a bustling, trading-floor atmosphere right inside the mini-app.

Telegram message containing a shareable 10x.Trade Ethereum position card

The Viral Growth Engine

We designed a post-trade sharing mechanism that automatically generated a bold, highly stylized graphic of a user's position. By incentivizing users with extra XP points to share these flexes on Twitter, we turned our user base into a decentralized marketing team.

10x.Trade referral screen with invited-friend totals and a copy-link button

The Referral System

To capitalize on this social momentum, we built a gamified referral dashboard allowing users to track their invites and the passive rewards they earned from their friends' trades.

10x.Trade onboarding screen with the logo and a start button Deposit Funds screen with a transfer amount and balance summary Transfer Amount screen with a currency selector and confirmation button Beta-mode warning dialog asking the user to confirm before continuing Market insights list showing assets with bullish and bearish indicators Trade-exit success screen with a confirmation checkmark Trade-exit error screen with cancel and retry controls Referral progress screen with referral totals and sharing controls Reward history screen listing past reward entries Rewards leaderboard with the leading three players highlighted Account statement screen listing trades and their results Withdrawal screen with the selected amount and destination controls Account overview showing balance, positions and recent activity Portfolio overview with market cards and account details Past Trades screen listing closed positions and results

A Constraint that Shaped the Design

To solve the massive hurdle of wallet anxiety, we bypassed direct wallet connections and designed an internal funding model. However, handling crypto transactions inside a Telegram mini-app is precarious. If a user closes the app or loses connection, they panic about their funds.

We solved this by designing a persistent, asynchronous two-screen flow with hyper-transparent copy. Because the process was independent of the active screen, users could close the app and return later to find it still working. To eliminate "loading anxiety," we built a highly sophisticated, granular loading indicator. Instead of a generic spinner, users saw exactly where their trade was in the pipeline (Receiving trade → Sending to exchange → Awaiting confirmation), providing immediate clarity if an error occurred.

Deposit interface with a currency selector and amount field

Educating the Timeline

To drive top-of-funnel growth, we built a fast-paced Twitter content engine that balanced visual educational threads ("WHAT ARE PERPS?", "WHAT IS MACD?") with sharp, culturally native hooks ("This thread will fix your trading psychology"). This turned our social timeline into a high-value alpha channel that successfully broke down onboarding friction and allowed the product to spread organically across Web3.

While the design, referral loops, and social engine were massive acquisition successes, retention was ultimately bottlenecked by the accuracy of the underlying AI model. However, the project validated a major UX thesis: By removing the cognitive load of complex technical analysis and embedding rewarding social mechanics, retail users will eagerly adopt complex trading tools.

10x.Trade educational post asking what Bollinger Bands are Fear and Greed Explained campaign post with contrasting theatre masks Bitcoin market-update campaign graphic with price information and gold coins Avalanche market-update campaign graphic with price information and token symbols Trading psychology social post with a green Statue of Liberty portrait Leverage explainer post using the headline Turn $100 into $10,000 Do Your Own Research educational post explaining DYOR
Campaign post about asking Grok for perpetuals insights Campaign graphic introducing Telegram-based futures trading What Are Perps educational post with a robotic-hand illustration What Is Risk Management educational post with a classical portrait What Is RSI educational post with oscillator diagrams What Is MACD educational post with a histogram and signal lines

What Stayed with Me

This project reinforced how much heavy lifting UI and UX can do in the Web3 space. Trust isn't just built on smart contracts; it's built on clear micro-copy and allowing a transaction to survive a closed app window. We built a highly functional bridge that made the hardest parts of crypto feel like an accessible, multiplayer game.

Overview

Client 10x.Trade
Role Creative Director & UI Designer
Year 2024
Team

Raunaq Vaisoha (CEO)

Anil Dukkipatty (CTO)

Mihir Bakhai (COO)

Madhan C. (Senior Software Engineer)

Amar Pathak (Senior Software Engineer)

Madhusudansingh Rathore (Senior Software Engineer)

Ayyappa Swamy Angadi (Front End Engineer)

Sunny Joshi (Founding Designer)

Scope of work

Creative Direction UI/UX Design Brand Identity Logo Design Gamification Social Media Strategy Content Marketing Viral Mechanics