SJI.

Кейс 01 Vetra

Обсудить проект

01Telegram Mini App

Карта, которая живёт в Telegram

Виртуальная карта, которой платят в USDT: баланс, кэшбэк, история, стейкинг и профиль. Пять экранов на общих токенах, две темы, ноль внешних зависимостей.

Клиент
Vetra · концепт
Роль
Дизайн, вёрстка, прототип
Стек
HTML · CSS · JS
Год
2026

Живой макет · светлая и тёмная темы

02Экраны

Пять экранов,
один ритм

Прокрутите — макет переключается сам. Внутри ничего не нажимается: это кейс, а не рабочее приложение. Тема переключается кнопками у телефона.

  1. 01

    Баланс

    Крупная цифра, курс, быстрые действия плитками и последние операции. Скрытие сумм — отдельное состояние.

  2. 02

    Карта

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

  3. 03

    История

    Фильтры по категориям, группировка по дням, доходы и расходы в одной ленте.

  4. 04

    Earn

    Сроки от гибкого до 90 дней, расчёт дохода и прогресс активной позиции.

  5. 05

    Профиль

    Идентификация, скрытие баланса, биометрия. Настройки без лишних уровней.

●Живой макет iPhone 15 · 393 × 852
9:41

Баланс

Vetra ИС

Общий баланс

1 428,40 USDT

≈ 132 841 ₽ · +2,4% за неделю

Пополнить Обмен Карта Earn
% 2% кэшбэка в USDT14,20 USDT за ноябрь
USDT93,01 ₽+0,4% TRX21,84 ₽−1,1% BTC6,42 млн+2,2%
Последние операцииВсе
  • ККофеманияПокупка · 09:41−480 ₽
  • ТЯндекс ТаксиПокупка · 08:12−690 ₽
  • ППополнениеP2P · TRC-20+500
  • ААптека 36,6Покупка · вчера−320 ₽

Карта

Карта Активна
Vetra

•••• •••• •••• 4096

ДержательIRINA SOKOLOVA Срок09/28
ЗаморозкаОплата не пройдёт
Лимит на день12 400 / 30 000 ₽
Оплаты картойВсе
  • ККофеманияПокупка · 09:41−480 ₽
  • ТЯндекс ТаксиПокупка · 08:12−690 ₽
Платежи защищены · 3-D Secure
Реквизиты

История

История Ноябрь
Все Покупки Доходы
Расходы8 240 ₽ Доходы+1 210 ₽

Сегодня

  • ККофеманияПокупка · 09:41−480 ₽
  • ТЯндекс ТаксиПокупка · 08:12−690 ₽
  • ККэшбэкНачисление · 07:00+14,20

Вчера

  • ППятёрочкаПокупка · 19:26−1 240 ₽
  • ППополнениеP2P · TRC-20+500

Показать ещё

Earn

Earn USDT

Доходность

12,4%

гибкий срок · начисление каждый день

Гибкий 30 дней 90 дней
Сумма500 USDT 50050 000
Активная позиция820 из 1 320 USDT · до 4 дек

Начисления

  • +12,40 USDTВчера · 23:59+12,40
  • +11,90 USDT13 ноября · 23:59+11,90

≈ 4,13 USDT за месяц · выплата каждый день

Разместить USDT

Профиль

Профиль Помощь
ИС Ирина Соколова@irina_s · Идентифицирована
Скрывать балансСуммы под «••••»
Вход по Face IDБез кода из Telegram
УведомленияСписания и начисления
  • Лимиты и реквизиты
  • Безопасность
  • Поддержка 24/7

Vetra · v2.4 · Demo

1 / 5 — Баланс

03Принципы

Пять состояний,
один язык

Экраны отличаются задачей, но не характером: одни и те же отступы, радиусы, шрифты и правила акцента. Поэтому приложение узнаётся по первому фрагменту.

  1. 01

    Смысл раньше движения

    Сначала сценарий и данные, потом анимация. Каждый переход показывает, откуда пришли и куда идём, — без декоративных прыжков.

  2. 02

    Один акцент

    Иерархию держит чёрный. Кэшбэк, доходность и успешные операции получают единственный зелёный — и только по делу.

  3. 03

    Числа крупно

    Баланс и ставка читаются с расстояния вытянутой руки. Подписи уходят в серый, дробная часть — на ступень светлее.

  4. 04

    Ничего лишнего

    38 компонентов, ни одного мёртвого. Всё, что можно решить одной строкой, не превращается в карточку с тенью.

5экранов в макете
2темы на одних токенах
38компонентов
0внешних зависимостей