OK Chinese
Онлайн-школа китайского языка: лендинг, запись на уроки, кабинет ученика, интерактивные уроки и свои видеозвонки
Репетитор китайского вела учеников через мессенджеры, Zoom и папки с PDF. Мы собрали всё в одну платформу: ученик сам записывается на урок, занимается по интерактивным материалам, сдаёт домашку и созванивается с преподавателем — не выходя с сайта.
Задача
Преподаватель китайского тратила часы в неделю на рутину: согласовать время в переписке, скинуть ссылку на Zoom, отправить PDF с домашкой, собрать ответы из мессенджеров и проверить их вручную.
Ученики терялись в файлах, забывали про задания, а новые заявки с Instagram и Telegram было некуда привести — сайта, который продаёт пробный урок, не было.
Цели
- Лендинг, который превращает подписчиков соцсетей в записи на пробный урок
- Самостоятельная запись на свободные слоты без переписки
- Личный кабинет ученика с уроками, домашкой и историей
- Платный доступ к материалам и рост на SEO-трафике
- Уроки по видео прямо на сайте, без сторонних сервисов
Решение
Сделали платформу из двух частей. Публичная — продающий лендинг, открытый календарь записи, тест уровня и библиотека материалов, которые индексируются поисковиками и приводят учеников из Яндекса.
Закрытая — кабинет ученика и админка преподавателя: доступы к урокам, проверка домашки, расписание, заявки и выгрузка истории. Уроки — не PDF, а интерактивные страницы с упражнениями, которые проверяются автоматически.
Как это выглядит
Первый экран: живое фото преподавателя, две понятные кнопки — записаться или проверить уровень
Что реализовали
Онлайн-запись
Публичный календарь со свободными слотами. Ученик выбирает время сам, преподаватель подтверждает в один клик.
Интерактивные уроки
Сопоставление пиньиня и иероглифов, вставка слов, квизы, карточки, тоны. Не PDF, а упражнения с автопроверкой.
Домашка и проверка
Ученик сдаёт задания в кабинете, преподаватель проверяет в админке, история ответов выгружается в CSV.
Свои видеозвонки
Комната на WebRTC: камера, микрофон, демонстрация экрана, чат и картинка-в-картинке. Без Zoom и лимитов по времени.
Подписка через ЮKassa
Платный доступ к материалам. Закрытый контент не уходит в HTML тем, кто не оплатил, но страница остаётся в индексе.
SEO для материалов
Серверный рендеринг, разметка LearningResource и правильный пейволл — поисковики видят урок, а не пустую заглушку.
Как шла работа
Лендинг и запись
Запустили продающую страницу и календарь, чтобы заявки пошли сразу
Кабинет и админка
Регистрация, доступы к урокам, домашние задания и их проверка
Интерактивные уроки
Библиотека упражнений и перенос материалов в формат страниц
Подписка и SEO
Оплата через ЮKassa, пейволл без потери индексации, разметка
Видеозвонки
Звонки на WebRTC внутри платформы, редизайн кабинета на shadcn/ui
Результаты
Технологии
Посмотрите OK Chinese вживую
Лучше любого описания — откройте сайт и попробуйте сами. Всё, что показано в кейсе, работает прямо сейчас.
Нужен похожий проект?
Расскажите о задаче — оценим, предложим решение и назовём сроки. Бесплатно и без обязательств.