Продукт / 03 · Приложение
Спецификация экранов · iOS + Android

Приложение: пять экранов, разобранных до винтика.

Каждый экран: элементы, состояния, действия. Стек: React Native (одна база на iOS и Android), встроенный кошелёк, Bluetooth-модуль, push-уведомления.

S-00Экраны приложения · дизайн v1

Как это будет выглядеть

Дизайн-система TIMEKEEPER: «прибор, не приложение» — графит, сталь, латунь, одометр как на корпусе девайса. Слева — живой кликабельный прототип (можно пройти весь путь пользователя), справа — порядок действий. Ниже — все 40 экранов и состояний по спецификации.

Интерактивный прототип · 390×844открыть отдельно ↗
O-01 · O-02
ОнбордингИнтро (2 слайда) → разрешения Bluetooth и уведомлений
A-01 … A-03
АктивацияСкан QR из коробки → BLE-поиск девайса → успех: +1 TIME, Genesis-бейдж, счётчик пошёл
D-00 · D-01
DashboardКольцо цикла, живой одометр секунд, кнопка «Собрать»: зреет → готово → дедлайн
D-02
HarvestПоднеси телефон → проверка подлинности → +0.30 TIME, стрик урожаев
DV-01 … DV-05
DevicesСписок и паспорт девайса: телеметрия, OTA, переименование, отвязка
SH-01 … SH-04
ShopКаталог → подтверждение «спишем безвозвратно» → промокод; раффлы
H-01 · H-02
HistoryЛента событий, стрик, «Посмотреть в блокчейне ↗»
P-01 … P-06
ProfileБекап 12 слов, рефералка, настройки, поддержка, восстановление
N-01 … N-08
Пуши · глобальныеКаталог уведомлений, оффлайн-баннер, ошибка сети
Все 40 экранов и состояний · APP_DESIGN_SPEC.MD v1 · секции листаются вбокоткрыть отдельно ↗

Источник: /design-system/ — токены, компоненты, гайдлайны и UI-кит; спецификация экранов — docs/APP_DESIGN_SPEC.md.

S-01Dashboard — главный экран

Dashboard: сколько времени созрело

Элементы
  • Кольцо прогресса цикла — главный визуал: заполняется 29 дней, показывает «12 дней до урожая»
  • Живой одометр секунд — то же число, что на корпусе девайса; тикает в реальном времени
  • Баланс TIME — крупно; рядом «заработано за всё время» и стрик урожаев
  • Кнопка «Собрать» — три состояния (ниже)
  • Статус девайса — компактная строка: батарея, последняя синхронизация
  • Несколько девайсов → горизонтальные карточки-свайпы, у каждой своё кольцо
Состояния
Кнопка «Собрать»
  • Зреет — неактивна, серая: «через 12 дней»
  • Готово — латунная, пульсирует: «Собери монету»
  • Дедлайн — красный акцент: «сгорит через 2 дня»
Данные
  • Баланс и время — из блокчейна через бекенд
  • Оффлайн: кеш + локальный таймер, баннер «нет сети»
  • Pull-to-refresh синхронизирует всё
S-02Devices — мои устройства

Devices: парк железа

Элементы
  • Карточка девайса: рендер-фото, имя (переименовывается), тип (ручной девайс/картина/брелок)
  • Genesis-бейдж — «×2 · экземпляр №0042 из 1000» (латунь)
  • Телеметрия: батарея %, на зарядке или нет, RTC в норме, версия прошивки, последняя синхронизация
  • История этого девайса: активация, все харвесты, пропущенные циклы
  • OTA-обновление: «Доступна прошивка 1.2» → прогресс-бар передачи по Bluetooth (до 5 МБ)
  • Кнопка «+ Добавить девайс» → флоу активации с QR
Кейсы
  • Несколько девайсов на одном кошельке — норма, каждый майнит независимо
  • Девайс давно не синхронизировался → мягкий бейдж «поднеси, обновим часы»
  • Низкая батарея → push «заряди девайс» (не влияет на награды, но счётчик на корпусе замрёт)
S-03Shop — магазин (redemption)

Shop: где TIME превращается в ценность

Ядро токеномики v2: токен тратится, а не продаётся. Каждая трата сжигает TIME навсегда.

РазделЧто внутриПример ценника
Скидки на девайсычастичная оплата следующего девайса токенами2 TIME → −$20
Дропылимитированные серии: арт-картины, спецкорпуса ручного девайса, мерчот 3 TIME
Премиумкастомные циферблаты счётчика, темы, гравировка при заказе0.5–1 TIME
Harvest-раффлырозыгрыши в день урожая: девайсы, дропы, мерч0.1 TIME = билет
Приоритетранний доступ к следующей партии / Genesis-событияhold/spend
Механика: нажал «Получить» → подтверждение «Спишем N TIME безвозвратно» → токен сжигается в контракте → промокод/функция активируется мгновенно. В истории — ссылка на транзакцию сжигания.
Почему магазин, а не биржа? Если единственное применение токена — продать его, то все и будут только продавать, и цена умрёт (так погибло большинство подобных проектов). Магазин делает токен полезным без биржи: скидка на следующий девайс — это реальные деньги, дроп — реальная вещь. Пока токен тратят, а не сливают, экономика живёт. Биржа — опция на будущее, когда проект вырастет (подробнее — в токеномике).
S-04History — история

History: всё на блокчейне, всё проверяемо

Лента
  • Типы событий: активация (+1 welcome), harvest (+1/+2), трата (−N, что куплено), сгоревший цикл (честно показываем)
  • У каждого события — ссылка на транзакцию в блокчейн-эксплорере
  • Фильтр по девайсу
  • Стрик: «7 урожаев подряд» + лучший стрик; основа лидерборда (фаза 2)
S-05Profile — профиль

Profile: кошелёк и рефералка

Кошелёк
  • Адрес (копировать / QR) — для любопытных и для будущего
  • Бекап seed-фразы — напоминание после первого Harvest; проверка из 3 слов
  • Восстановление на новом телефоне из seed
  • Продвинутое (спрятано): экспорт ключа, WalletConnect — фаза 3
Рефералка
  • Мой код — тот же, что был в коробке; шер-ссылка
  • Статистика: сколько друзей активировалось
  • Бонус за друга — перк программы лояльности (скидка/мерч), не токены (юридическая гигиена)
Настройки
  • Уведомления (Harvest, дедлайны, OTA, дропы — раздельно)
  • Язык · валюта отображения цен
  • Поддержка: чат, FAQ, перепривязка девайса
S-06Уведомления и стек

Пуши — сердце retention

PushКогдаКуда ведёт
«Монета созрела»момент созревания циклаDashboard → сбор
«Сгорит через 3 дня»за 72 ч до конца циклаDashboard → сбор
«Последний шанс»за 12 чDashboard → сбор
«Дроп в магазине»релиз лимитированной серииShop
«Прошивка 1.2»доступно OTADevices
Стек

React Native

  • Одна база: iOS + Android
  • BLE: react-native-ble-plx
  • Кошелёк: ethers.js + secure storage
  • Пуши: FCM
Принцип

Крипта под капотом

  • Ноль крипто-терминов в UI
  • Газ всегда платит проект
  • Explorer-ссылки — для любопытных
MVP-срез

Фазы

  • MVP: онбординг, активация, dashboard, harvest, пуши
  • Фаза 2: Shop, History-стрики, рефералка
  • Фаза 3: перепривязка, лидерборды, WalletConnect