Трейдинг в Telegram: быстрое действие и понятный риск
Alpha DEX — торговый продукт в формате Telegram mini app. Я связал бренд, лендинг, торговые сценарии, motion и продуктовую подачу так, чтобы интерфейс помогал действовать быстро и не терять контекст.
Alpha DEX
Контекст
В одном mobile-интерфейсе нужно было соединить сделки, умные ордера и аналитику. Пользователь принимает решение в темпе рынка, поэтому данные, действие и риск должны считываться без лишних переходов.
Задача
Нужно было быстро объяснить ценность продукта до подключения кошелька и сделать торговый сценарий ясным внутри mini app. Важные параметры сделки не должны теряться за эффектным визуальным слоем.
Моя роль
Сделал бренд и визуальный язык Alpha DEX, лендинг и интерфейс Telegram mini app: торговый экран, пресеты быстрых сделок, кошелёк, подборку токенов и реферальный раздел. Отдельно делал motion для состояний и креативы для комьюнити.
Результат
Быстрый торговый сценарий
Собрал единую систему для лендинга, Telegram mini app, motion и материалов для комьюнити.
1. С чего начинал
- Ценность торгового продукта нужно объяснить до подключения кошелька. Человек ещё ничего не видел внутри, а его уже просят о доверии.
- Сделки, умные ордера и аналитика должны уместиться в одном мобильном окне Telegram, где часть места уже занята шапкой с кнопкой Close и меню. Решение принимается в темпе рынка, и каждый лишний переход мешает.
2. Знак со скобками и лендинг
Знак построил из буквы «альфа» и двух угловых скобок, которые работают как рамка видоискателя: в них встаёт иконка токена, подпись или графический элемент. Палитра держится на чёрном фоне и одном насыщенном синем, заголовки набраны широким акцидентным шрифтом, текст моноширинным, чтобы подача напоминала торговый терминал. Первый экран лендинга отвечает на вопрос «что это» крупным заголовком и строкой про умные ордера, мгновенные сделки и аналитику в Telegram mini app. Функции показал фрагментами интерфейса, графиком с метками Auto Buy и Auto Sell и списком Hot tokens с поиском, так что посетитель видит настоящие элементы продукта ещё до входа.
3. Экран сделки
Экран токена идёт сверху вниз в порядке принятия решения. Сначала название токена, площадка, баланс и крупная капитализация, под ними Buy / Sell, Total profit и Value. Ниже блок Trade со скоростью исполнения, переключателями Jito, комиссией, проскальзыванием и суммой. Кнопки Buy и Sell закрепил внизу, под большой палец, и вписал в них итог сделки.
4. Вынес редкие параметры в пресеты
На экране Quick trade settings сеть выбирается чипами, ниже лежат карточки пресетов покупки. В карточке есть тумблер включения, сумма, три значения проскальзывания (на покупку, тейк-профит и стоп-лосс) и лесенка условий продажи. Пресет настраивается заранее, и в момент сделки остаётся одно касание. Реферальный экран сделал по той же сетке плиток — статус с полосой прогресса до следующего уровня, кнопка Referral link с QR-кодом, блок Income с кнопкой Claim.
5. Кошелёк и Hot list
Нижняя навигация состоит из пяти разделов: Wallet, Research, Trade, Team и Profile. В кошельке сверху выбор сети, адрес с копированием и баланс с изменением, под ними три действия, Bridge, Deposit и Send. Подборка Hot list (24h) построена на карточках токенов с местом в списке, ценой и шестью плитками, где указаны ликвидность, объём, капитализация, возраст, число сделок и площадка.
6. Продуктовые метрики
Каждое решение привязано к показателю: что на него работает и по чему это видно в аналитике.
Конверсия из лендинга в подключение кошелька
- Что на это работает
- Лендинг показывает экраны продукта и ключевые сценарии ещё до подключения.
- Что смотреть в аналитике
- Доля посетителей лендинга, которые открыли mini app и подключили кошелёк.
Время до первой сделки
- Что на это работает
- Торговый экран собран вокруг одного действия, а частые параметры вынесены в пресеты.
- Что смотреть в аналитике
- Медианное время от первого входа до первой сделки.
Доля отменённых и ошибочных сделок
- Что на это работает
- Параметры сделки и проскальзывание видны до подтверждения, а не после.
- Что смотреть в аналитике
- Отмены на шаге подтверждения и обращения в поддержку по сделкам.
7. Что получилось
- Бренд, лендинг, Telegram mini app, motion и креативы для комьюнити сделаны в одной системе. У них общие шрифты, знак со скобками, чёрный фон и один синий акцент.
- Торговый сценарий сведён к одному экрану. Данные о токене, параметры сделки, история ордеров и кнопка с итогом находятся рядом, редкие настройки вынесены в пресеты.
- Продуктом пользуются 240K+ человек, совершено 1.7M+ трейдов в 7 сетях.
Чем пришлось пожертвовать
Торговый экран мог показывать все параметры сделки сразу, и опытному трейдеру так спокойнее. Я вынес редкие параметры в пресеты и оставил на экране одно действие. Сделка стала быстрее, но чтобы поменять редкий параметр, приходится уходить в настройки.