TalentHub — платформа онлайн-обучения.
Создали собственную образовательную платформу для творческих профессий и работы с AI: от бренда и структуры курсов до кабинета студента, управления обучением и сертификатов.
TalentHub / главная страница образовательной платформы
Собрать весь путь обучения в одном продукте.
Объединили знакомство с программой, выбор курса, доступ к урокам, практику и подтверждение прохождения. Сами отвечали за продуктовую структуру, дизайн, разработку и подготовку контента.
Что сделали
- Продуктовая стратегия и пользовательские сценарии
- Брендинг и дизайн-система
- Сайт и каталог курсов на двух языках
- Личный кабинет и управление обучением
- Учебный контент, практика и тесты
- Сертификаты, уведомления и интеграции
Сайт в деталях.
От первого экрана до выбора курса — одна визуальная система. Тёмная основа, крупные заголовки и цветовые акценты объединяют направления обучения, каталог и страницы программ.
От интереса к выбору курса.
На странице программы собрали описание, обложку, условия доступа и стоимость. Отдельная панель с действием связывает знакомство с курсом и переход к оформлению.
Каталог с характером.
Создали карточки с разным масштабом и цветом, сохранив общие правила оформления. Название, формат и ключевая информация о программе собраны в одном блоке.
Направления в одной системе.
Собрали направления обучения в понятную сетку. Цветные иконки и короткие описания помогают сориентироваться в темах и найти подходящую область.
Разные форматы — понятный выбор.
Разделили онлайн-обучение, очные встречи и гайды на три самостоятельные карточки. Для каждого формата показали особенности и следующий шаг.
Объём проекта
- Языка интерфейса: русский и английский
- 2
- Уроков подготовлено для двух программ
- 127
- Публичная проверка сертификатов
- QR
- Недель до первой версии
- ≈5
Планируете собственную платформу?
Разберём путь пользователя, состав первой версии и инструменты, которые понадобятся вашей команде.
От проверки сертификатов к платформе
Проект начался с задачи подтверждать сертификаты Acting Gym. Развили её в самостоятельный продукт: определили структуру каталога, путь студента и инструменты для команды, которая выпускает и поддерживает курсы. Первую версию подготовили примерно за пять недель.
Бренд и интерфейс
Разработали название, визуальную систему и правила оформления. Крупная типографика, контрастная палитра и цветовые акценты помогают различать направления обучения. Собрали общие компоненты для главной страницы, каталога, карточек курсов и личного кабинета. Подготовили русскую и английскую версии, светлую и тёмную темы.
От каталога к первому уроку
Спроектировали поиск, описание программы по модулям, предварительный просмотр и оформление заказа. Подготовили интеграции с платёжными сервисами и ручной сценарий подтверждения оплаты. После получения доступа студент продолжает обучение в личном кабинете.
Учебная среда
Внутри уроков предусмотрели текст, изображения, видео, аудио с расшифровкой, практику и тесты. Добавили сохранение прогресса, заметки, закладки и настройки чтения. Подготовили две программы: AI-курс из семи модулей и гайд для актёров и моделей в Дубае из девяти блоков.
Управление продуктом
В административной части собрали работу с курсами, уроками, заявками, заказами, доступами и сертификатами. Разделили роли и ограничили доступ к учебным материалам. Настроили уведомления через email и Telegram. Сертификат можно открыть по QR-коду и проверить его статус.
Основа для развития
Платформу разработали на Next.js, TypeScript и Supabase. Подготовили структуру страниц для поисковой индексации, метаданные и языковые связи. TalentHub также стал учебной средой для материалов Acting Gym.
От идеи до учебной среды.
Запустили платформу на русском и английском языках с каталогом, кабинетами студента и администратора, прогрессом обучения и QR-проверкой сертификатов. Для двух программ подготовили 127 уроков: 80 по AI и 47 для актёров и моделей в Дубае. Получили основу для добавления новых курсов и развития образовательного бизнеса.
Соберём ваш цифровой продукт.
Обсудим сайт, платформу или личный кабинет. Определим структуру, дизайн и состав разработки.
Обсудить задачу