STUDY.AI — твой персональный AI-репетитор
[продуктовый дизайн/2025]
О проекте
Это образовательный сервис на базе AI, который выступает в роли персонального репетитора. Пользователь взаимодействует с интеллектуальной системой, которая объясняет материал, отвечает на вопросы, адаптируется под уровень знаний и помогает с заданиями. Сервис дополняет или заменяет живого учителя, делая обучение доступным и персонализированным
Задача
Спроектировать MVP сервиса, который позволит пользователю быстро начать обучение и увидеть ценность продукта с первых шагов
Бизнес-цели / Критерии успеха
Кратко расписал какие цели преследовал бизнес и по каким требованиям оценивали успех
Погружение и понимание задачи [этап 1]
План работ [этап 2]
После быстрого скоринга задачи, разработал план работ, который включал в себя
Бенч топов на рынке и подбор рефов [этап 3]
Далее засел за бенч топов рынка и начал собирать рефы для дизайна
Собрал сравнительную таблицу AI-репетиторов в РФ и расписал быстрые выводы
Далее собрал лютые AI-сервисы для школьников в РФ и расписал быстрые выводы
Потом решил собрать информацию про механики и фреймворки, связанные с геймификацией
Ну и под конец собрал саммари по фичам, которые можно внедрить в продукт — приоритизация по RICE/ICE
Референсы + юзерфлоу [этап 4]
После того, как я провёл ресёрч, пошёл думать над флоу MVP и параллельно искал рефы
После быстрого сбора референсов я понял, как хочу чтобы выглядел интерфейс (на экране лишь небольшой кусок с референсами, хотя по сути их было намного больше)
Далее после сбора рефов согласовали с командой MVP ю-флоу
Следующим шагом я подумал об эмоциональности и лояльности пользователя, поэтому командой мы решили, что у нас будет бадди-ассистент, который будет неотъемлемой частью коммуникации бренда и пользователя
Ну и под конец собрал саммари по фичам, которые можно внедрить в продукт — приоритизация по RICE/ICE
Сборка дизайн-системы проекта [этап 5]
Перед тем как начать, решил для себя собрать токены цвета, текста, радиусов, спейсингов и тд, а далее уже после согласования MVP-флоу решил добить компоненты
Первым делом я решил расписать список токенов/компонентов, которые мне необходимо будет создать для MVP (на картинке отображён только небольшой список, со временем он увеличился — добавились селекты / поп-апы / хедеры и тд)
Далее решил начать собирать переменные: текста, примитивов, семантических цветов, xBase, спейсы, радиусы, типографика
Далее решил начать собирать компоненты: кнопки, инпуты, иконки, лого/фавиконку, дроп-листы, селект, чекбоксы, текстфилды и тд
Проектирование макетов [этап 6]
Тут всё понятно — я начал проектировать макеты, далее всё отображу картинками
Спроектировал начальный экран входа
Далее пользователь вводит тему курса, а система на основе данных уже генерирует для неё курс
Следующим шагом мы должны уточнить, каким уровнем обладает пользователь, чтобы подготовить программу курса более точно
Шагом 3 и 4 является прохождение небольшого теста, чтобы система хорошо поняла способности пользователя и не ошиблась с уровнем генерации персонального курса
Ну и финальным этапом отрисовал главный экран, экран модулей, экран уроков и самого урока
Результаты проекта
Полезные ссылки
Макет в Фигме — смотреть тут