Представьте: вы запускаете авторскую онлайн-академию по AI и нейросетям. У вас есть сильная программа курса, харизма автора и аудитория, готовая платить. Не хватает одного — платформы, через которую студенты будут учиться, сдавать домашние работы и оформлять подписку. И всё это нужно вчера.
Именно с такой задачей к нам пришёл Борис — основатель школы AIdsgn. На разработку было всего 9 дней, а из инструментов — только готовый дизайн-макет в Figma и желание не зависеть от классических LMS-платформ с их ограничениями и абонентской платой.
Проблема: коробочные LMS не подходили под продукт
AIdsgn — гибридный продукт: единоразовая оплата за курс «AI-креатор» плюс рекуррентная подписка на платформу с промптами, стилями, лорами и нейроматериалами. Под такую модель не подходила ни одна готовая LMS:
- GetCourse и аналоги — высокая комиссия, негибкие сценарии оплаты, нельзя подарить триал подписки при покупке курса - Корпоративные LMS — избыточный функционал, долгая интеграция, PWA из коробки не работает - SaaS-конструкторы — vendor lock-in, логику начисления триалов и пересчёт даты списания не кастомизировать
Нужно было собрать своё решение: быстрое, с видом нативного мобильного приложения, без зависимости от стороннего LMS-сервиса.
Задача
Разработать личный кабинет студента онлайн-академии в формате PWA за 9 дней с момента подписания договора.
Платформа должна закрывать:
- Регистрацию и вход в кабинет с защищёнными сессиями через Redis - Три тарифа с разным доступом к модулям: «Базовый», «Профи», «С нами за руку» - Видеоуроки через плеер Kinescope - Сдачу ДЗ с загрузкой файлов через Filepond - Итоговые работы по брифам реальных компаний - Нестандартную логику Cloudpayments: оплата курса автоматически активирует бесплатный триал на подписку платформы; если подписка уже есть — система сдвигает дату следующего списания
Куратор работает напрямую в SeaTable: проверяет ДЗ, управляет контентом и пользователями. Обратная связь студентам — вручную в Telegram.
Решение: собственный LMS на low-code стеке
Мы не стали натягивать продукт на чужую платформу. Вместо этого собрали кастомный LMS-движок из проверенных low-code инструментов: фронтенд на Tilda с PWA-обёрткой, вся логика — в n8n, база данных и CMS — в SeaTable, кэш сессий и структуры курса — в Redis, видео — в Kinescope, оплата — Cloudpayments. Платформа работает с теми же скоростью и надёжностью, что SaaS-LMS, но полностью принадлежит заказчику.
Пример: путь студента Тимура от оплаты до диплома
Тимур заходит на лендинг AIdsgn, выбирает тариф «Профи» за 99 000 ₽ и оплачивает картой через виджет Cloudpayments. n8n получает уведомление об успешной оплате и за 2-3 секунды:
- Создаёт учётную запись Тимура в SeaTable, привязывает тариф «Профи» - Открывает доступ к двум модулям: «AI-креатор» и «Генерация статичного контента» - Активирует бесплатный 6-месячный триал на подписку «Платформа AIdsgn» (промпты, стили, лоры), записывает дату следующего списания — 22.07.2028 - Отправляет письмо с логином и временным паролем
Тимур входит в личный кабинет — n8n проверяет пароль, открывает сессию и пускает пользователя внутрь. На главной кабинета — четыре карточки: «Курс», «Платформа», «Чат студентов», «Канал с нами». Прогресс — 0/3 уроков пройдено.
Он открывает первый модуль «AI-креатор», запускает урок «Кто такой AI-креатор и какие задачи он решает», смотрит видео в плеере Kinescope, скачивает PDF с ключевыми навыками. После урока сдаёт ДЗ: пишет описание работы и прикрепляет PDF через виджет Filepond. Файл автоматически сохраняется в SeaTable и привязывается к Тимуру и конкретному уроку. В Telegram-канал кураторов уходит уведомление: «Новое ДЗ на проверку».
Куратор открывает SeaTable, смотрит работу, ставит статус «Принято» и пишет отзыв. Тимур возвращается в кабинет — урок отмечен зелёной галочкой, модуль засчитан. Через 6 месяцев Cloudpayments автоматически снимет первое списание за подписку. Тимур уже забыл про триал, но платформой пользуется ежедневно.
Главная страница личного кабинета AIdsgn с карточками Курс, Платформа, Чат студентов и Канал с нами
Стек
Tilda — фронтенд: главная личного кабинета, страницы модулей, уроков, тарифов, итоговых работ. Вёрстка по готовому Figma-макету, динамика — кастомные скрипты с обращением к API n8n.
n8n — бэкенд и вся бизнес-логика: авторизация, проверка сессий, выдача структуры курса, обработка уведомлений от Cloudpayments, расчёт триалов и сдвига дат списания, приём домашних заданий, уведомления в Telegram кураторов.
SeaTable — база данных, где хранятся студенты, тарифы, модули, уроки, домашние работы и оплаты. Куратор работает прямо в этой таблице — отдельная админка не нужна.
Redis — быстрый кэш: хранит активные сессии и структуру курса, чтобы страницы кабинета открывались за 1-2 секунды даже при пиковой нагрузке.
Kinescope — видеохостинг: автор загружает видео сам, вносит в SeaTable только номер ролика, n8n передаёт его на фронтенд, Tilda собирает плеер. Видео защищено от скачивания.
Filepond + n8n — кастомный модуль загрузки домашних заданий: студент перетаскивает PDF/DOC/DOCX/PNG/JPG до 20 МБ, видит прогресс-бар, файл автоматически сохраняется в SeaTable и привязывается к конкретному студенту и уроку.
Cloudpayments — эквайринг: единоразовые платежи за курс и рекуррентные подписки с гибким управлением датой списания.
Docker + SSL — все серверные компоненты (n8n, SeaTable, Redis) развёрнуты в изолированных контейнерах на сервере заказчика, защищены SSL-сертификатами и закрыты от внешнего доступа.
Основные функции платформы
Главная личного кабинета и навигация по курсу
После авторизации студент попадает на главную ЛК. Сверху — крупный баннер «AI CREATOR» с динамическим счётчиком: «2 модуля · курс · 3 урока». Ниже — четыре цветные карточки-секции: «Курс» с прогресс-баром пройденных уроков, «Платформа» (доступ к подписке промптов и стилей), «Чат студентов» (организационная группа Telegram), «Канал с нами» (поддержка). Карточки дизайн-системы AIdsgn яркие — чёрная, зелёная, серая, жёлтая — это сразу задаёт настроение академии: техно-эстетика и AI как творческий инструмент.
Ниже — список модулей курса. Каждый модуль — карточка с описанием, результатом обучения и кнопкой «Перейти к модулю». Модули, не входящие в тариф студента, визуально скрыты или помечены как «недоступно». Это решает классическую проблему LMS, где студент видит платный контент и расстраивается — здесь он видит только то, что купил.
Главная страница личного кабинета: четыре карточки секций с кастомной цветовой палитрой AIdsgn
Страница модуля и уроков
Каждый модуль — отдельная страница со списком уроков, продолжительностью видео и статусом прохождения. Студент видит свой прогресс в реальном времени: уже пройденные уроки отмечены зелёной галочкой, текущий — в фокусе, заблокированные — приглушены.
Композиция страницы напоминает редакционный лонгрид: крупная типографика, яркие декоративные блоки (жёлтые, зелёные, фиолетовые), карточки с превью видео. Это не утилитарный LMS-список — это бренд-страница, которая продолжает фирменный стиль AIdsgn внутри кабинета. Студент проходит обучение и одновременно получает эстетический опыт — это важно для аудитории дизайнеров.
Список модулей курса с подробным описанием каждого и кнопками перехода
Страница модуля AI-креатор с большим заголовком и списком уроков
Карточка урока с превью видео и заголовком Кто такой AI-креатор и какие задачи он решает
Видеоплеер Kinescope и материалы урока
Внутри урока — встроенный плеер Kinescope. Автор курса свободно загружает и обновляет видео в Kinescope без обращения к разработчику: достаточно внести номер ролика в SeaTable — плеер подтянется автоматически. Видео защищено от скачивания.
Под плеером — блок дополнительных материалов: PDF-конспекты, ссылки на файлы. Каждая ссылка хранится в SeaTable и обновляется в один клик через таблицу — без правок кода.
Урок с плеером Kinescope и блоком прикреплённых материалов в Figma
Сдача домашних заданий через Filepond
Стандартные формы Tilda не умеют грузить файлы по 20 МБ напрямую в базу данных. Мы написали кастомный модуль на базе Filepond + n8n + SeaTable: студент перетаскивает PDF/DOC/DOCX/PNG/JPG в зону загрузки, файл дробится на части и отправляется в n8n. n8n собирает части обратно в файл и сохраняет в SeaTable, привязывая к конкретному студенту и уроку. Студент видит прогресс-бар и подтверждение «Отправка 100%». n8n тут же уведомляет кураторов в Telegram — с прямой ссылкой на запись.
Куратор работает прямо в SeaTable: открывает запись, смотрит файл и текстовое описание, ставит статус «Принято» или «На доработке», пишет отзыв. Студент в своём кабинете сразу видит обновлённый статус и комментарий. Никакой отдельной админки не нужно — SeaTable полностью её заменяет.
Форма сдачи домашнего задания: текстовое поле и кнопка Прикрепить файл через Filepond
Модальное окно выбора файла Filepond с поддержкой PDF, DOC, DOCX, PNG, JPG до 20 МБ
Прогресс-бар чанковой отправки файла в Filepond — 100 процентов отправлено
Итоговые работы по брифам реальных компаний
Финальный модуль курса — итоговая работа. Студент выбирает один из брифов: Яндекс или Lamoda — обе компании предоставили реальные ТЗ на серию брендинговых 3D-изображений. Студент видит карточку «Бриф от компании», читает задачу, переходит на страницу-задание, скачивает референсы и через тот же модуль Filepond загружает финальный проект.
Куратор проверяет работу в SeaTable, ставит статус «Принято» и пишет развёрнутый отзыв в карточке отзыва куратора. После проверки итоговой работы курс считается пройденным — студент получает доступ к расширенным материалам и может продолжать пользоваться подпиской на платформу.
Карточки итоговых работ — брифы от Яндекса и Lamoda на серию брендинговых 3D-изображений
Страница итоговой работы со статусом Принято и отзывом куратора
Итоговая работа модуля — заголовок брифа и блок с инструкцией к загрузке файлов
Подписочная экосистема: курс + платформа AIdsgn
Платёжная логика держится на двух продуктах: курс «AI-креатор» (единоразовая оплата) и подписка «Платформа AIdsgn» (рекуррентный платёж за доступ к промптам, стилям, лорам, текстурам, наборам и 3D-объектам).
Логика: при покупке курса студент автоматически получает бесплатный триал на платформу. Срок триала зависит от тарифа: 3 месяца для «Базового», 6 месяцев для «Профи», 12 месяцев для «С нами за руку». Если у студента уже есть активная подписка на платформу — n8n не создаёт новую, а пересчитывает дату следующего списания, сдвигая её на срок подаренного триала. После истечения триала Cloudpayments начинает регулярные списания за подписку.
В личном кабинете студент видит блок «Статус подписки» с зелёной отметкой «Активна», стоимостью плана, датой следующего списания и кнопкой «Отменить подписку». Если возникает вопрос — кнопка «Напиши мне в Telegram» открывает прямой контакт с автором.
Личный кабинет студента: блок профиля и блок статуса подписки с датой следующего списания
Безопасность и производительность
Безопасность закладывали с первого дня. Запросы между сайтом и сервером принимаются только с домена академии — обращения с чужих сайтов отклоняются автоматически. Пароли в SeaTable хранятся только в зашифрованном виде, n8n никогда не возвращает их обратно в браузер. Каждый запрос к закрытым страницам кабинета проходит проверку сессии в Redis — если сессия истекла, студент автоматически выходит из системы.
Скорость обеспечивает Redis: вместо того чтобы при каждой загрузке страницы обращаться к SeaTable, n8n кладёт структуру курса в кэш на 10 минут. Это держит время отклика кабинета в пределах 1-2 секунд даже после массовой рассылки. Все серверные компоненты (n8n, SeaTable, Redis) развёрнуты в изолированных контейнерах на сервере заказчика и защищены SSL-сертификатами.
UI/UX: бренд-первый подход
Главное отличие AIdsgn от типового LMS — это бренд-эстетика на каждом экране. Студент не чувствует, что попал в утилитарный «кабинет», как у GetCourse или Skillbox. Здесь крупная типографика (заголовки в стиле журнальных обложек), яркие декоративные блоки (жёлтый, лавандовый, неоновый зелёный), мягкие тени и закруглённые карточки. Это продолжение того же языка, что и на лендинге курса.
PWA-обёртка: студент с мобильного может «установить» AIdsgn на главный экран как обычное приложение. Открывается полноэкранно, без браузерных панелей, поддерживает оффлайн-просмотр кэшированных страниц. Это даёт ощущение премиального продукта — особенно важно для аудитории дизайнеров и креативщиков.
Адаптив: все ключевые сценарии (просмотр урока, сдача ДЗ, оплата, управление подпиской) работают на смартфоне с теми же скоростью и качеством, что и на десктопе. Карточки модулей становятся горизонтальным скроллом, плеер Kinescope разворачивается в полный экран, формы Filepond подстраиваются под тач-управление.
Мобильная версия AIdsgn в формате PWA: главная личного кабинета, страница модуля и итоговая работа на трёх iPhone
Результаты проекта
Проект сдан в срок — 9 дней от подписания договора до приёмки. Заказчик принял работу без замечаний и оплатил полностью.
Запуск платформы. Школа AIdsgn вышла на рынок без зависимости от внешних LMS. Все деньги от продаж и подписок остаются у автора, минус только эквайринг Cloudpayments.
Гибридная монетизация. Связка «курс + триал подписки» работает как воронка: студенты, оплатившие курс за 99 000 ₽, через 6 месяцев автоматически становятся подписчиками платформы. Это снимает классическую проблему онлайн-школ — отток после прохождения курса.
Автономность куратора. Проверка ДЗ, управление контентом и пользователями — в SeaTable. Куратор не зависит от разработчика: добавляет модули, меняет описания, грузит новые видео в Kinescope без правок кода.
Скорость 1-2 сек. Redis-кэширование структуры курса и сессий держит платформу быстрой даже при одновременной активности 100+ студентов.
PWA на мобильных. 60%+ студентов AIdsgn заходят со смартфонов и устанавливают платформу как приложение — это повышает частоту возвращений и увеличивает использование подписки.
Хотите такую же платформу для своей онлайн-школы?
Запускаете курс, мастер-класс или подписочный продукт и не хотите платить GetCourse 5-15% с каждой продажи? Соберём такую же платформу под вашу модель монетизации. Срок — от 2 до 4 недель в зависимости от сложности логики оплат и количества модулей. Стоимость — в 3-4 раза ниже кастомной разработки. Платформа разворачивается на вашем сервере и полностью принадлежит вам — без зависимости от стороннего сервиса и без ежемесячных абонентских платежей.
