Яндекс.Метрика
Услуги Портфолио Контакты БлогНовости +7 (800) 511‑32‑27 Обсудить проект
Онлайн-образование · Маркетплейс · Web

EdPlace

EdPlace — веб-платформа в сфере EdTech, «конструктор» для онлайн-школы без программирования. Платформа объединяет двух ключевых пользователей: экспертов (авторов курсов) и студентов (обучающихся). Первые получают инструмент для создания, наполнения и продажи образовательных программ, вторые — удобный каталог курсов с фильтрацией, покупкой и прохождением обучения. Эксперт регистрируется, настраивает личный кабинет, загружает видео, тексты, задания — и запускает поток студентов, а администратор платформы модерирует контент и управляет выплатами.

Маркетплейс курсов с тремя ролями: эксперт, студент, администраторЛичный кабинет эксперта с конструктором курсов и «потоками» студентовМультиформатный контент: текст, изображения, видео, аудио, домашние заданияТранскодирование видео в несколько битрейтов с выбором качестваАдмин-панель «всё в одном»: модерация, роли, система вознагражденийКаталог с фильтрацией по темам, оплатой и автоматическим доступом к потоку
EdPlace — обложка кейса
EdPlaceEdTech / онлайн-образование
Клиент
Предприниматель, стартап с нуля
Отрасль
EdTech / онлайн-образование
Платформа
Web (веб-платформа)
Срок
4–7 месяцев (MVP)

О продукте

Коротко — что это за продукт и для кого мы его делали.

EdPlace — это маркетплейс онлайн-образования, по сути «конструктор» для запуска онлайн-школы без программирования. Эксперт регистрируется, настраивает личный кабинет под свою роль, загружает видео, тексты и задания — и запускает поток студентов. Студент находит курс в каталоге, фильтрует по темам, безопасно оплачивает и учится без технических трудностей.

Заказчик — предприниматель, который решил запустить стартап с нуля: без действующей аудитории и готового MVP, но с чётким видением продукта. Он пришёл с задачей создать платформу, где эксперты смогут легко размещать и продавать курсы, а студенты — с комфортом их проходить, с удобным личным кабинетом и гибкими настройками для каждой роли.

Задача

Продукт должен был решить две главные проблемы. Для экспертов — отсутствие простого, но функционального инструмента для упаковки своих знаний в курс с разными типами контента (видео, аудио, текст, домашние задания), плюс возможность контролировать потоки учеников. Для студентов — разобраться в каталоге, отфильтровать курсы по темам, безопасно оплатить и учиться без технических трудностей, например с выбором качества видео.

Также с самого начала закладывалась админ-панель для модерации — потому что в открытой системе без контроля быстро падает доверие.

Особенности проекта

Методология: гибрид Agile и Waterfall. По большей части мы шли по плану — дискавери, аналитика, разработка, тестирование (Waterfall-этапы). Но в процессе не раз возникали срочные «фичи», которые заказчику были нужны «здесь и сейчас», например под запрос первых экспертов-бетатестеров — тут мы переключались на Agile-спринты, чтобы выпустить нужную функцию за неделю.

Этапы работы: дискавери — погружение в EdTech-рынок, анализ конкурентов (GetCourse, Stepik и др.), прототипирование ролей; аналитика — проработка схемы транзакций, системы вознаграждений экспертов, сценариев модерации; разработка — вся backend- и frontend-часть, интеграция видео-сервисов и платёжного шлюза. Главная сложность — совмещать гибкость под новые идеи с надёжностью уже написанного кода, чтобы не разваливать систему.

Решение и подход

Как мы собрали продукт — от архитектуры до процесса.

Мы сравнили на этапе дискавери готовые SaaS-конструкторы (GetCourse, Stepik) с кастомной разработкой. Готовые платформы быстрее на старте, но берут комиссию с оборота, ограничивают кастомизацию ролей и не дают полного контроля над данными и системой выплат. Для маркетплейса курсов с собственной экономикой вознаграждений экспертов и модерацией кастомная платформа на PHP Laravel и React окупается за счёт нулевой комиссии посредника и свободы развития продукта.

Мы построили гибкую ролевую архитектуру и начали с ядра ценности — конструктора курсов для эксперта, каталога и оплаты для студента, модерации для администратора, — а затем усложняли систему транскодированием видео и настройкой выплат. Заказчик получил не «сырой» прототип, а готовую масштабируемую архитектуру и после релиза сформировал собственную команду разработчиков, которые развивают EdPlace дальше.

Технологический стек

Инструменты подобраны под задачу продукта.

Laravel
PHP Laravel
Серверная часть, бизнес-логика, биллинг и API
React
React
Клиентская часть и кабинеты эксперта, студента, администратора
FFmpeg
FFmpeg
Транскодирование видео в несколько битрейтов
PostgreSQL
PostgreSQL
Хранение курсов, потоков, транзакций и ролей
Платёжный шлюз
Оплата курсов и выплаты экспертам
HTTPS
Защищённый обмен данными и изоляция платёжного контура

Почему кастомная платформа, а не GetCourse или Stepik

['На этапе дискавери мы сравнили готовые конструкторы (GetCourse, Stepik) с кастомной разработкой. Готовые SaaS-платформы быстрее на старте, но берут комиссию с оборота, ограничивают кастомизацию ролей и не дают полного контроля над данными и системой выплат. Для маркетплейса курсов с собственной экономикой вознаграждений экспертов и модерацией кастомная платформа на PHP Laravel и React окупается за счёт нулевой комиссии посредника и свободы развития продукта.']

Функции продукта

Ключевые возможности, которые закрыли задачу бизнеса.

1

Личный кабинет эксперта с конструктором курсов

Эксперт создаёт курс и добавляет «потоки» (наборы учеников с разными датами старта) — каждый поток имеет свою успеваемость, что позволяет запускать одну программу много раз без дублирования контента

2

Мультиформатный контент

При наполнении курса доступны текстовые блоки, изображения, видео, аудио и домашние задания (с ручной проверкой экспертом или автоматически); задания можно прикреплять файлами

3

Транскодирование видео с выбором качества

Загруженные видео автоматически транскодируются в несколько битрейтов, студент переключает качество (360p, 720p, 1080p) в зависимости от скорости интернета

4

Админ-панель «всё в одном»

Модерация курсов перед публикацией, управление пользователями и ролями, настройка системы вознаграждений экспертов — проценты с продаж и вывод средств

5

Клиентская часть для студентов

Каталог курсов с фильтрацией по темам («Маркетинг», «IT», «Дизайн») и сортировкой по популярности, дате и цене; после оплаты доступ к потоку открывается автоматически

6

Система вознаграждений и выплат

Собственная экономика: проценты с продаж для экспертов, управление транзакциями и выводом средств на стороне платформы

Как это работает

Ключевые экраны продукта — по шагам.

Главная маркетплейса и каталог направлений

Главная маркетплейса и каталог направлений

Стартовый экран EdPlace: в шапке — логотип, дропдаун «Категории», строка поиска и кнопки «Стать экспертом» и «Войти». Крупный заголовок «EdPlace — маркетплейс онлайн-образования» и подзаголовок про открытую рейтинговую систему и отзывы, ниже — акцентная кнопка «Начать обучение». В центре — фото студентки, вокруг неё карточки: блок «Категории» с плитками (Маркетинг, ИИ, Дизайн, Программирование, Кулинария, Психология, Ещё +24), карточка «100+ специалистов» и рейтинг «4.9» со звёздами.

Такая витрина сразу отвечает на вопрос «что здесь можно изучить и кому доверять»: студент видит охват направлений, число экспертов и социальное доказательство и одним кликом переходит в каталог.

Конструктор урока в кабинете эксперта

Конструктор урока в кабинете эксперта

Экран «Новый урок» в кабинете эксперта: тёмная боковая навигация (Курсы, Общая информация, Содержание курса с разделами, Ценовая политика, Тарифы, Домашнее задание, Прочие настройки), внизу — «Предпросмотр курса», статус «Не опубликован» и кнопка «Отправить на проверку». В рабочей области — поля «Название» и «Описание» (счётчик 0/1000) и блок «Содержание урока» с выпадающим меню «Добавить блок»: Текст, Изображение, Видео, Аудио, Файл, Домашнее задание, Вебинар.

Это и есть тот самый «конструктор без программирования»: эксперт собирает урок из готовых блоков любого формата, а сквозной статус и кнопка проверки заводят курс в цепочку модерации.

Просмотр урока и адаптивное видео

Просмотр урока и адаптивное видео

Экран прохождения курса «Погружение в Sora AI»: слева та же навигация кабинета, в центре — структура «Содержание курса» с разворачивающимися разделами и уроками, текстовым описанием и встроенным видеоплеером. У плеера — перемотка на 10 секунд, таймлайн, а в настройках открыто меню «Скорость воспроизведения» и «Качество» со значением 720p.

Именно здесь работает самая сложная техническая фича — транскодирование: видео заранее подготовлено в нескольких битрейтах, и студент вручную или автоматически выбирает качество под свою сеть, что убирает буферизацию на мобильном интернете.

Админ-панель модерации курсов

Админ-панель модерации курсов

Экран «Рабочее пространство» администратора: боковое меню (Общее, Рабочее пространство, Администрирование, Дополнительно, Статистика, Финансы, Настройки) и таблица курсов с колонками №, Наименование, Статус, Дата и Действие. Над таблицей — фильтры «Статус», «Дата», «Обновление страницы» и поиск; строки помечены статусами «На обработку», «На доработку», «Проверен», «В работе», «Заблокирован» с кнопками «Взять в работу» и «Продолжить», снизу — пагинация на 50 страниц.

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

Карточка курса и покупка для студента

Карточка курса и покупка для студента

Экран курса «Теория лжи. Профайлинг.» глазами студента: вкладки «Моё обучение» и «Главная», крупная галерея-обложка с пагинацией и подписью «144 ч. · 652 студента». Справа — карточка автора «Анна Ефимова», рейтинг «4.9» и «321 отзыв», блок цены «33.500 ₽» и акцентная кнопка «Купить курс». Ниже — подробное описание курса, его цели и программа.

Страница закрывает путь студента от интереса к покупке: описание, отзывы и рейтинг снимают сомнения, а после оплаты доступ к потоку открывается автоматически.

Безопасность и соответствие требованиям

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

Соответствие: 152-ФЗ, обработка ПДн в реестре РКН, ИСО 27001 (внедрение) и локализация персональных данных в требуемой юрисдикции — платежи, кабинеты и контент передаются по защищённому каналу.

В цифрах

3
роли в системе — эксперт, студент, администратор
4
типа учебного контента — текст, видео, аудио, задания
360–1080p
адаптивное транскодирование видео
2
ядра стека — PHP Laravel и React
  • 3 роли в системе — эксперт, студент, администратор
  • 4 типа учебного контента — текст, видео, аудио, домашние задания
  • 3 уровня качества видео — адаптивное транскодирование 360p, 720p, 1080p
  • 2 ядра стека — PHP Laravel на бэкенде и React на фронтенде

Безопасность и соответствие

['Платформа обрабатывает персональные данные пользователей и платежи, поэтому заложены изоляция платёжного контура, ролевая модель доступа и модерация контента.', 'Соответствие: 152-ФЗ, обработка ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных в требуемой юрисдикции.']

Часто задаваемые вопросы

Сколько стоит разработать образовательную платформу (онлайн-школу) под ключ?
Типичный MVP маркетплейса курсов с личными кабинетами, оплатой и видео укладывается в диапазон 6-20 млн рублей. Полноценная платформа с транскодированием видео, системой выплат экспертам и админ-модерацией обычно стоит 20-50 млн рублей. Точная оценка зависит от числа ролей и интеграций; реальные цифры по проекту не раскрываются.
Кастомная платформа или готовый конструктор вроде GetCourse?
Готовый конструктор быстрее и дешевле на старте, но берёт комиссию с оборота и ограничивает кастомизацию ролей, выплат и брендинга. Кастомная разработка оправдана, когда нужны собственная экономика вознаграждений, полный контроль над данными и возможность масштабировать продукт без комиссии посредника.
Как устроено адаптивное видео в образовательной платформе?
Загруженное видео автоматически транскодируется в несколько битрейтов (например, 360p, 720p, 1080p). Плеер подбирает качество под скорость соединения, а пользователь может переключить его вручную. Это снижает буферизацию на мобильных сетях и повышает удобство обучения.
Сколько времени занимает разработка маркетплейса онлайн-курсов?
Закладывайте 4-7 месяцев на MVP с личными кабинетами эксперта и студента, каталогом, оплатой и базовым видео. Транскодирование, система выплат и админ-модерация добавляют ещё 2-3 месяца. Гибрид Agile и Waterfall позволяет выпускать срочные функции спринтами, не ломая плановую часть.
Что входит в админ-панель образовательной платформы?
Модерация курсов перед публикацией (проверка корректности и плагиата), управление пользователями и ролями, настройка системы вознаграждений экспертов (проценты с продаж и вывод средств) и контроль контента. Без модерации в открытом маркетплейсе быстро падает доверие.

Наши клиенты

Компании из ритейла, медтеха, логистики и электронной коммерции, которым мы помогли с цифровыми продуктами.

SuperStep
Юнилаб
Plonq
Галамарт
Гром
move2Armenia
Мосокна
Вилка Ложка
Конга
xRouten
AIS

Услуги веб-студии YuSMP Group

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

Мобильная разработка

Нативные и кросс-платформенные приложения для iOS и Android под задачу и бюджет.

Подробнее →

Разработка мобильных приложений под iOS

Нативные приложения для iPhone и iPad на Swift и SwiftUI.

Подробнее →

Разработка мобильных приложений под Android

Приложения для Android на Kotlin и Jetpack Compose.

Подробнее →

Кроссплатформенный подход

Одно приложение сразу на iOS и Android на Flutter.

Подробнее →

Веб - разработка

SPA, порталы и веб-платформы на React / Next.js и Node.

Подробнее →

Backend-разработка

Серверная часть, API, базы данных и интеграции на Node.js, PHP и Python.

Подробнее →

Разработка под ключ

Продукт под ключ: аналитика, дизайн, разработка и запуск.

Подробнее →

MVP

Быстрый запуск ядра продукта, чтобы проверить гипотезу без лишних затрат.

Подробнее →

Тестирование

Ручное и автоматизированное тестирование — стабильный релиз на всех устройствах.

Подробнее →

UI/UX-дизайн

Исследование, прототип и дизайн-система — интерфейсы, которыми удобно пользоваться.

Подробнее →

Прототипирование

Кликабельный прототип для проверки идеи до разработки.

Подробнее →

Создание сайтов

Корпоративные сайты, лендинги и интернет-магазины под ключ.

Подробнее →

IT - аудит

Аудит ИТ-инфраструктуры, кода и безопасности.

Подробнее →

SEO‑продвижение

Вывод сайта в топ Яндекса и Google — трафик и заявки из поиска.

Подробнее →

Контекстная реклама

Яндекс Директ — заявки с первого дня и контроль цены лида.

Подробнее →

SMM‑продвижение

Соцсети и таргет — узнаваемость бренда, комьюнити и заявки.

Подробнее →

Обсудим ваш проект?

Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.

Телефон
Звонок бесплатный
Бесплатный аудит и оценка проекта — вернёмся с планом за 1–2 дня.

* При условии заключения договора на разработку. Услуга технический SEO аудит сайта предоставляется с отчетом и списком рекомендаций.

Мы найдём лучшее решение вашей задачи

Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.