EdTech-платформа академии ДИРФлортайм: выбор программы, поступление с проверкой документов и учёба в одном кабинете. Вёл продукт от брифа и исследования аудитории до сопровождения разработки.
Роль
Продуктовый дизайнер
Продукт
EdTech-платформа
Пользователи
Специалисты и родители
Задача
Упростить поступление и обучение
Пробел или Enter — остановить или воспроизвести видео.
Академия ДИРФлортайм обучает специалистов и родителей работе с детьми с особенностями развития. Человеку важно понять, подходит ли программа и пустят ли его на неё, а академии — проверить диплом до начала занятий.
Платформа должна была закрыть это в одном продукте: сайт для выбора, заявка с документами и учебный кабинет, где слушатель не теряется между материалами, заданиями и перепиской.
Продуктовый дизайнер проекта: вёл его от брифа до сопровождения разработки. Разобрал аудиторию и аналоги, описал путь слушателя и места, где его можно потерять, спроектировал сценарии, прототип, сайт и кабинет, собрал UI-кит.
На входе были бриф академии и правило допуска на профессиональную программу. Решения согласовывал с заказчиком на созвонах, макеты передавал разработчикам и пояснял логику состояний при переносе в вёрстку.
Довести человека от интереса до первого модуля без звонков и писем в академию: условия видны до заявки, решение по документам — в статусе, учёба и обратная связь — в кабинете.
Главное правило продукта: кабинет создаётся только после того, как академия одобрит документы.
Пять этапов — от брифа заказчика до сопровождения вёрстки.
Кто приходит на платформу, где он может уйти и как эту задачу решают другие.
Сегменты взял из брифа и сверил со страницами программ и аналогами: у каждого свой вопрос, риск уйти и решение в продукте.
Условия обучения видны до заявки, диплом прикладывается в самой заявке, а у каждого шага после отправки — свой понятный статус.
Эти три правила задали структуру сайта и кабинета.
Вопрос: Подходит ли моё образование и что нужно для допуска?
Риск: Поздно узнаёт о проверке диплома — бросает заявку.
Допуск понятен заранее: условия видны до заявки, диплом — сразу в форме.
Вопрос: С чего начать, если у меня нет профильного образования?
Риск: Среди программ и терминов для специалистов легко потеряться и уйти.
Свой вход: обзор направлений показывает, какие программы подходят родителям.
Вопрос: Что мне доступно сейчас и проверили ли моё задание?
Риск: Переписка и материалы теряются в почте и мессенджерах.
Учёба в одном месте: модули, задания и чат в кабинете, у каждого шага свой статус.
Разложил путь профессиональной программы на шесть шагов — от выбора до обратной связи. Для каждого шага описал вопрос человека, риск его потерять, решение в интерфейсе и метрику, по которой видно, что решение работает.
Вопрос: «Подойдёт ли мне эта программа?»
Не понимает, подходит ли ему программа
Формат, срок, документ и цена на странице программы
Метрика успеха: Конверсия просмотра программы в заявку
Вопрос: «Что понадобится для поступления?»
Бросает форму на шаге с документами
Контакты и диплом в одной форме
Метрика успеха: Доля заявок с полным пакетом документов
Вопрос: «Что дальше и сколько ждать?»
Пишет в академию, не дождавшись ответа
Экран «Заявка принята» и статус каждого файла
Метрика успеха: Время от заявки до доступа в кабинет
Вопрос: «За что именно я плачу?»
Путает оплату с допуском к обучению
Оплата у конкретного курса, отдельно от проверки
Метрика успеха: Конверсия допуска в оплату
Вопрос: «Что мне доступно сейчас?»
Теряет материалы и сроки сдачи
Модули со статусом доступа
Метрика успеха: Доля заданий, сданных в срок
Вопрос: «Что нужно исправить?»
Ответ теряется в мессенджере
Статус проверки задания и чат с преподавателем
Метрика успеха: Время ответа преподавателя
ICDL публикует требования к допуску на продвинутые ступени отдельными документами. Фонд «Антон тут рядом» разводит курсы для родителей и для специалистов по разным проектам.
У «Иматона» — типы программ, формат и выбор преподавателя, у «Психодемии» — направления и условия. Stepik держит модули и задания внутри платформы.
Собрал мудборд из 25 сайтов онлайн-школ: выразительные, минималистичные и отдельные удачные блоки, плюс шрифты и цвета.
Для DIRFT выбрал спокойную иерархию, много воздуха и фотографии людей: академия говорит о помощи семьям, а не о «быстрой профессии».
Основной путь профессионального обучения: программа → заявка с документами → одобрение академией → кабинет и обучение.
Публичную часть организовал вокруг выбора обучения: академия, преподаватели, направления и программы. В кабинете приоритет у регулярных действий слушателя — курсов, заданий, документов и переписки.
Условия и ошибки показаны прямо на ветках: неверный пароль, документы не приняты, курс не оплачен, задание отклонено. Карта и маршруты собраны в Figma по исходным макетам.
Запись на обучение, вход, регистрация с проверкой документов, учёба и разделы кабинета — отдельные сценарии со своими условиями.
На каждом предусмотрен возврат после ошибки: неверный пароль, документ отклонён, курс не оплачен, задание вернули на доработку.
Сначала — порядок содержания и действий, потом — оформление.
В прототипе главной поставил предложение и актуальные программы раньше рассказа об академии: сначала человек оценивает обучение, потом — подход и команду. Порядок блоков согласовал с заказчиком до визуальной детализации.
Первый экран отвечает на два вопроса — чему учат и как начать. Две кнопки разводят готовых и сомневающихся: «Оставить заявку на обучение» и «Задать вопрос». В финальном макете структура сохранилась, добавились фотографии людей, цвет и акценты.
Путь слушателя профессиональной программы: от выбора курса до проверки домашнего задания.
Первый экран говорит, чему учит академия, и даёт два действия: «Оставить заявку на обучение» для готовых и «Задать вопрос» для сомневающихся. Сразу под ним — открытый набор: формат и дата старта видны на каждой карточке.
Ниже — программы по типам обучения, преподаватели, отзывы и частые вопросы, среди них «Нужно ли иметь психологическое образование для начала обучения?» — главный вопрос родителя из исследования.
На обзорной странице собрал направления обучения, а конкретные программы вынес в отдельный список. На первом уровне человек выбирает область подготовки, на следующем — оценивает доступные курсы.
В карточках сохранил общий порядок сведений. Формат, содержание и условия участия можно сопоставить до перехода на страницу программы.
На страницу программы приходят, чтобы решить, идти ли на обучение. Поэтому «Интегративный психолог» отвечает на вопросы в том порядке, в каком они возникают: подходит ли мне курс, чему научат, что я получу и сколько это стоит.
Формат, объём, длительность и старт потока стоят в первом экране, рядом с кнопкой заявки. Длинная программа свёрнута в модули, которые раскрываются по клику. Образец диплома, преподаватели и отзывы показаны до формы, а в конце — цена полного курса и отдельного модуля, чтобы человек выбрал объём обучения ещё до заявки.
Главное правило продукта — кабинет открывается только после проверки документов. Поэтому дипломы прикладываются в самой заявке, без отдельного шага, а экран «Заявка принята» объясняет, что будет дальше: модератор проверит документы, академия создаст кабинет и пришлёт логин и пароль.
В разделе «Документы» у каждого файла свой статус: ожидает проверки, принят или отклонён. К отказу модератор пишет, что не так и каким должен быть новый файл, — человек загружает документ заново, а после проверки ему открываются курсы.
В кабинете разделил текущие и архивные программы. В карточке оплаченного курса доступны материалы и чат потока; у неоплаченного — переход к оплате.
Так следующее действие зависит от состояния конкретной программы. Статус оплаты относится к курсу и показан отдельно от проверки документов при поступлении.
У программы до 17 модулей, поэтому дал два вида: плиткой — чтобы охватить весь курс, списком — чтобы пройти по порядку. Переключатель вида стоит рядом с заголовком.
У каждого модуля свой статус: открыт, задание на проверке, проверено, отклонено или откроется через N дней. Слушатель сразу видит, что доступно сейчас.
Внутри модуля — видеоурок, материалы для скачивания и домашнее задание на одной странице: слушатель не переходит между разделами.
Каждая отправленная работа получает статус: на проверке, принято или отклонено — с комментарием преподавателя и возможностью загрузить исправленный вариант.
Переписку с преподавателем и обмен файлами собрал во встроенном чате: вопросы по обучению решаются внутри платформы, а не в мессенджерах.
Документы и домашние задания сохраняют собственные разделы и статусы проверки.
Основные страницы сайта и личного кабинета, которых нет в рассказе выше.
Цвета, типографика и компоненты, общие для сайта и кабинета.
Собрал UI-кит DIRFT: палитру бренда и статусов, шрифты Nunito и Manrope и компоненты со всеми состояниями — кнопки, поля, загрузку файлов, статусы, вкладки, меню кабинета и карточки.
Статус — главный компонент продукта: метки «На проверке», «Принято», «Отклонено» одинаково работают для документов, оплаты и заданий. Человек один раз понимает логику и дальше читает её на любом экране.
Спроектировал образовательную платформу, объединив выбор программ, поступление и дальнейшее обучение в единую систему.
Проработал архитектуру, пользовательские сценарии, логику доступа и состояния интерфейсов. Подготовил 45 экранов, пять сценариев и UI‑кит для передачи в разработку.
Объединил условия обучения, подачу заявки и проверку документов в последовательный сценарий. Пользователь заранее видит требования, понимает этапы поступления и может исправить замечания без повторной подачи заявки.
Объединил курсы, материалы, домашние задания и переписку с преподавателем в личном кабинете. Статусы проверки и возможность доработки позволили выстроить последовательный учебный процесс без переходов между разными сервисами.
