К содержимому
Все проекты

Кейс · Академия будущего

Академия будущего — образовательная платформа

Объединили каталог курсов, обучение, заказы и кабинеты партнёров. Добавили инструменты управления контентом и задачами ИИ-дубляжа видео.

Обсудить похожую задачу
Все экраны

Объединили каталог курсов, обучение, заказы и кабинеты партнёров. Добавили инструменты управления контентом и задачами ИИ-дубляжа видео.

Курсы в публичном каталоге платформы.
Курсы в публичном каталоге платформы.Исходный PNG
Витрина инструментов в той же платформе.
Витрина инструментов в той же платформе.Исходный PNG
Доступное обучение и прогресс ученика.
Доступное обучение и прогресс ученика.Исходный PNG
Кабинет партнёра для работы с контентом.
Кабинет партнёра для работы с контентом.Исходный PNG
Оформление заказа
Оформление заказаИсходный PNG
Заказы партнёра
Заказы партнёраИсходный PNG
Редактирование собственного материала
Редактирование собственного материалаИсходный PNG
Управление задачей ИИ-дубляжа
Управление задачей ИИ-дубляжаИсходный PNG
Витрина инструментов в той же платформе.
Курсы в публичном каталоге платформы.
Заказчик
Академия будущего
В кейсе
8 экранов
Статус
Реализованные сценарии

01Задача

Образовательному проекту нужно связать обучение, продажу материалов и работу авторов в одном продукте. Ученику важны доступ к курсам и понятное оформление заказа; партнёру — публикация контента и информация о заказах; администратору — управление видео и задачами обработки.

02Решение

Как устроено решение

Платформа объединяет каталог курсов и товаров, обучение с прогрессом, корзину и оформление заказа. Партнёры работают через отдельный кабинет: редактируют свои материалы и открывают список заказов.

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

  1. 01 / 04

    Курсы в публичном каталоге платформы.

    Курсы в публичном каталоге платформы.

    Курсы в публичном каталоге платформы.
    Оригинал снимка ↗
  2. 02 / 04

    Витрина инструментов в той же платформе.

    Витрина инструментов в той же платформе.

    Витрина инструментов в той же платформе.
    Оригинал снимка ↗
  3. 03 / 04

    Доступное обучение и прогресс ученика.

    Доступное обучение и прогресс ученика.

    Доступное обучение и прогресс ученика.
    Оригинал снимка ↗
  4. 04 / 04

    Кабинет партнёра для работы с контентом.

    Кабинет партнёра для работы с контентом.

    Кабинет партнёра для работы с контентом.
    Оригинал снимка ↗

03Подробнее

Оформление заказа

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

  1. 01 / 01

    Оформление заказа

    Оформление заказа

    Оформление заказа
    Оригинал снимка ↗

04Подробнее

Заказы партнёра

Партнёрский кабинет показывает оплаченные заказы. В изолированной демонстрации заказ оставлен неоплаченным: список честно показывает пустое состояние.

  1. 01 / 01

    Заказы партнёра

    Заказы партнёра

    Заказы партнёра
    Оригинал снимка ↗

05Подробнее

Редактирование собственного материала

Партнёр меняет сведения своего курса в отдельном рабочем интерфейсе.

  1. 01 / 01

    Редактирование собственного материала

    Редактирование собственного материала

    Редактирование собственного материала
    Оригинал снимка ↗

06Подробнее

Управление задачей ИИ-дубляжа

Администратор видит исходный урок и ожидающую задачу обработки. На стенде не создаётся фиктивный результат дубляжа и не запускается внешний ИИ-сервис.

  1. 01 / 01

    Управление задачей ИИ-дубляжа

    Управление задачей ИИ-дубляжа

    Управление задачей ИИ-дубляжа
    Оригинал снимка ↗

07Результат

Что получилось

На локальном стенде показаны каталог, обучение, кабинет партнёра, оформление заказа, редактирование материала и ожидающая задача ИИ-дубляжа. Платформа хранит связь между пользователем, контентом и заказом.

Зона ответственности

Разработка показанных интерфейсов и сценариев

Ограничения демонстрации

Курсы, товары, суммы и прогресс являются демонстрационными. В списке партнёра отображаются оплаченные заказы; неоплаченный демонстрационный заказ в этот список не попадает. Оплата, загрузка внешнего видео и выполнение ИИ-дубляжа на стенде отключены.

Технологии

  • Next.js
  • React
  • TypeScript
  • Django
  • PostgreSQL

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

Обсудим похожий проект?

Расскажите о задаче. Покажем, как её можно решить, и предложим план запуска.