OTO · Reverse-engineered prototype

Кликабельные прототипы OTO

Полный путь работы в приложении OTO, пересобранный из 146 скринов. Кликайте карточки, проходите флоу — это рабочий прототип для команды. Все экраны собраны из единой дизайн-системы.

Основной флоу
00
Onboarding
Регистрация: Login/Register → email/пароль → goals → notifications → paywall (без ассессментов)
01
Home
Главный экран: программа, избранное, апгрейд
02
Your Program
6 модулей с прогрессом и состояниями locked
03
Explore
Категории · Featured · Browse All
04
Category
Calm: подборки курсов внутри категории
04b
Category · Focus
Focus Training + Shift Your Focus
04c
Category · Sleep
Fall Asleep + Sleep Well
05
Browse All
Полный каталог 13 курсов-подборок
06
Course / Chapter
Список глав и уроков, состояния locked
07
Lesson flow
Intro → аудио → practical → рефлексия → done
07b
Lesson states
Practical-steps → вопрос (ввод) → chapter-done
08
Sounds
Sound-therapy движок, ~70 звуков
09
Assessment / TFI
Профиль → 25 вопросов (слайдеры) → Overall 56 + 8 субшкал → график. Вход с Home, раз/мес
10
Stages of Habituation
13 вопросов Likert → «You're in Stage N» + шаги. Вход из Settings, драйвит программу
11
Journal
Автозаполняемый журнал CBT-рефлексий
12
Paywall
Trial-таймлайн, $137.99 / 3 мес
Настройки и аккаунт
S1
Settings
Корневое меню настроек со всеми разделами
S2
Goals
Тумблеры целей calm / focus / sleep
S3
Preferences
Captions, громкость фона, напоминания
S4
Account
Email, выход, сброс, восстановление, удаление
S5
Downloads
Офлайн-сессии, использование памяти
S6
About / Legal
Privacy, Terms, Licenses, Oto ID, версия
Рекомендуемый клик-тур: Onboarding → Home → Your Program → Chapter → Lesson flow → Home → Explore → Category → Browse All → Course → Sounds → Assessment (TFI) → Stages → Settings → Goals → Preferences → Account → Downloads → About → Journal → Paywall. Каждая стрелка — рабочая ссылка внутри прототипа.