Перейти к кейсу

13FOX × NetheriteTrade
Финтех · экосистема TON

Разработано в 2024

NetheriteTrade

Опционы
на криптоактивы.
Полный продукт
под ключ.

В 2024 году мы реализовали платформу финансовых деривативов для экосистемы TON: торговый терминал, стейкинг, веб-приложение и Telegram Mini App. Подключить TON-кошелёк — и перейти к торговле его средствами. Весь продукт под ключ: от UX/UI-дизайна до серверной логики на C# и ASP.NET.

Реальные интерфейсы NetheriteTrade: свечной график, параметры криптоопционов Call и Put, открытые позиции в веб-приложении и на телефоне
Веб-терминал и мобильный интерфейс одного продукта
2024

Год реализации проекта

Web + Mini App

Браузер и Telegram

C# / ASP.NET

Серверная часть продукта

Под ключ

Дизайн, приложение и лендинг

Финансовый продукт.
В браузере и Telegram.
Уже тогда.

01 / Задача и масштаб

Сложная финансовая логика.
Понятный продукт.

NetheriteTrade — платформа криптоопционов для экосистемы TON. Задача 13FOX: перенести механику финансовых опционов в криптосреду и собрать вокруг неё полноценную систему.

Пользователь знакомится с продуктом, подключает кошелёк, выбирает актив и параметры сделки, следит за открытыми позициями. Каждый шаг должен быть понятен и на широком экране, и внутри Telegram.

Мы спроектировали пользовательский путь, создали визуальный язык и реализовали продукт под ключ: торговую платформу, личный кабинет, стейкинг, дополнительные механики и адаптивный лендинг.

Продуктовая логикаUX/UI-дизайнСерверная частьВеб-приложениеTelegram Mini AppАдаптивный лендинг

02 / Финансовое ядро

Механика настоящих опционов.
В мире крипто.

Классический опцион даёт право, но не обязанность, купить или продать актив по установленной цене в определённый срок. Это финансовый дериватив: его стоимость связана с базовым активом. В NetheriteTrade такими активами выступают криптовалюты.

В NetheriteTrade реализовано несколько вариантов опционов. Для работы с ними мы создали торговый терминал с действиями Call и Put, премией, сроком действия и учётом позиций. Пользователь выбирает инструмент и видит условия сделки рядом с графиком рынка.

01 / ИНСТРУМЕНТ

Call / Put

В классических опционах Call — право купить актив, Put — право продать. В терминале эти инструменты доступны как отдельные действия.

02 / СТОИМОСТЬ

Премия

Цена опционного контракта. Отображается вместе с остальными параметрами сделки.

03 / ВРЕМЯ

Срок действия

У опциона есть момент окончания — экспирация. В терминале можно выбрать срок и увидеть его у позиции.

04 / КОНТРОЛЬ

Позиции и история

Текущие сделки и завершённые операции доступны в отдельном блоке интерфейса.

О терминологии: опционы и деривативы — определения Investor.gov.

03 / Веб-приложение

Рынок. Условия. Позиции.
В одном терминале.

Свечной график, выбор торговой пары, параметры опциона, баланс и открытые позиции собраны в едином рабочем пространстве. Визуальная иерархия помогает переходить от анализа рынка к действию.

Веб-терминал NetheriteTrade: свечной график BTC/USDT, Classic Options, цена, срок, открытые позиции и кнопки Call и Put
Торговый интерфейс с графиком и параметрами криптоопциона Нажмите, чтобы открыть превью

Видеть рынок

Свечные графики, торговые пары и временные интервалы для работы с выбранным активом.

Выбирать инструмент и условия

Несколько вариантов опционов и параметры выбранного контракта доступны в торговом интерфейсе. Условия сделки находятся рядом с графиком и действиями Call и Put.

Следить за сделками

Открытые позиции, время экспирации и история операций в контексте терминала.

UX/UI / быстрый вход

1 клик

чтобы начать подключение кошелька

Подключили кошелёк.
Можно торговать.

После подключения TON-кошелька пользователю сразу доступна торговля его средствами. Дальше — выбор актива, варианта опциона и параметров сделки.

Мы создали выразительный дизайн и продумали UX вокруг этого пути: понятная точка входа, последовательные действия и нужные данные рядом с торговыми кнопками.

Подключить кошелёкВыбрать инструментПерейти к сделке

04 / Telegram Mini App

Один продукт.
Браузер и Telegram.

Полноценный финансовый продукт прямо в Telegram. Пользователь подключает TON-кошелёк и получает доступ к торговле его средствами. Баланс, избранные активы, варианты опционов и торговый терминал объединены в интерфейсе, продуманном для мобильного экрана.

Мобильный экран NetheriteTrade с подключением TON-кошелька, балансом, пополнением и выводом
01 / Подключить кошелёкПосле подключения доступна торговля средствами кошелька.
Личный кабинет NetheriteTrade в Telegram: баланс, избранные криптоактивы, ордера, задания и приглашение друзей
02 / Открыть личный кабинетБаланс, избранные активы и обзор ордеров.
Мобильный терминал криптоопционов NetheriteTrade: ETH/USDT, премия, срок, свечной график и кнопки Call и Put
03 / Перейти к торговлеГрафик, параметры опциона и торговые действия.
На телефоне — последовательный путь от кошелька к сделке. На компьютере — широкое рабочее пространство. Обе версии спроектированы в едином визуальном языке. Мобильные экраны можно пролистать и открыть крупнее.

05 / Экосистема продукта

Торговля — ядро.
Вокруг — целая система.

Мы связали финансовые инструменты с кабинетом пользователя и дополнительными сценариями: стейкингом, фармингом, заданиями и приглашением друзей.

01 / УЧАСТИЕ

Стейкинг

Отдельный сценарий участия со своим интерфейсом, понятными условиями участия и действиями пользователя.

Интерфейс сценария стейкинга NetheriteTrade
02 / АКТИВНОСТЬ

Фарминг и задания

Механика накопления вознаграждений и раздел Tasks с действиями, статусами и получением токенов.

Раздел Tasks NetheriteTrade: задания, кнопки Start и Claim
03 / ПРИГЛАШЕНИЯ

Реферальная система

Раздел Frens: приглашённые пользователи, персональная ссылка и понятный следующий шаг.

Раздел Frens NetheriteTrade: приглашённый пользователь и копирование реферальной ссылки

Система многоуровневая: для каждого уровня реализована своя математическая логика расчёта вознаграждений.

06 / Адаптивный лендинг

Продукт начинается
до первого входа.

Для NetheriteTrade мы создали и отдельный лендинг: он представляет платформу, объясняет её возможности и ведёт в приложение.

Адаптивные версии для компьютера и телефона сохраняют характер продукта: тёмную палитру, тёплые акценты и выразительные иллюстрации. От первой страницы до терминала — цельное впечатление.

Презентация продуктаАдаптивная вёрсткаПереход в приложение
Лендинг NetheriteTrade: презентация криптоопционов TON и вход в приложениеАдаптивный мобильный лендинг NetheriteTrade с кнопкой Open App
Отдельные версии лендинга для широкого и мобильного экрана

07 / Результат для заказчика

Из финансовой идеи —
в готовый цифровой продукт.

В 2024 году заказчик получил реализованную платформу: финансовую механику, торговые интерфейсы, стейкинг, веб-приложение, Telegram Mini App и адаптивный лендинг. Весь путь — от проектирования до разработки — выполнила 13FOX.

Финтех

Сложная предметная область

Несколько вариантов опционов и параметры сделок, графики, баланс, позиции и история операций объединены в одном продукте.

UX / UI

Короткий путь к торговле

Подключение TON-кошелька сразу открывает доступ к торговле его средствами. Выбор инструмента, параметры сделки и работа с позициями встроены в понятный пользовательский путь.

Под ключ

Одна команда за весь продукт

Продуктовая логика, дизайн, серверная часть и пользовательские интерфейсы собраны в завершённую систему.

Серверная часть: C# · ASP.NETЭкосистема TON · Web · Telegram Mini Apps

Следующий проект — ваш

Идея может быть сложной.
Продукт — понятным.

Финансовая платформа, веб-сервис или Telegram Mini App: спроектируем механику, создадим дизайн и реализуем систему под ключ. Расскажите, что должен уметь ваш продукт.

Спасибо!

Наша команда свяжется с вами!

Отправляем 🚀