Программа была, платформы не было
У экосистемы META есть готовая программа из ста уроков по одиннадцати направлениям и растущее сообщество. Не было места, где эту программу можно проходить: контент жил в закрытом канале и таблицах.
Новичок с первого дня упирался в стену из ста заголовков и не понимал, с чего начать.
Нужен был личный кабинет ученика — такой, чтобы его можно было показать, протестировать и править без разработчика, а потом дорастить до полноценного продукта.
- Показать программу целиком и при этом не утопить новичка.
- Подсказать, с какого урока начать именно этому человеку.
- Открыть часть уроков бесплатно, остальные закрыть под тариф.
- Вести прогресс и давать поводы возвращаться.
- Работать без сервера: файл открывается двойным кликом.
Вход через тест, а не через оглавление
Первое, что видит человек, — не каталог, а восемь вопросов: чем занимается, сколько зарабатывает сейчас, что ближе по духу, что мешает и какая цель на три месяца.
Две минуты, один вопрос на экран.
Ответы раскладываются по всем направлениям программы.
Новичок, опыт или про.
Персональная последовательность вместо оглавления.
На выходе не «вам подойдёт товарка», а собранный маршрут: вводный урок по выбору ниши, семь уроков основного направления под уровень и три — вспомогательного.
Уроки маршрута помечены «в твоём пути», а кнопка «продолжить» на главной ведёт именно по нему, а не по порядку номеров.
Программа, раздел, урок
Выбор ниши, продажи, инфобизнес и запуски, товарный бизнес, трафик, Digital & AI, монтаж, масштабирование, финансы, мышление, разборы. У каждого направления свой прогресс, количество уроков и метка бесплатных.
Список уроков со статусами: пройден, доступен, закрыт. Сбоку — навигация по разделу, чтобы не возвращаться в каталог за каждым следующим уроком.
Плеер, описание, конспект тезисами и задание. Не страница с видео, а экран, на котором урок можно закрыть.
К каждому уроку — конкретное действие, а не «повторите материал». Ответ сохраняется в прогрессе, а счётчик записанных ответов выведен на главную наравне с пройденными уроками.
Сто заданий уже написаны и сохраняются.
В версии с сервером в этот же блок подключается проверка: ответ уходит куратору на разбор.
Прогресс и доступ
- Кольцо общего прогресса по всем ста урокам
- Разбивка по каждому из одиннадцати направлений
- Сетка активности за четыре недели
- Шесть достижений, открываются по ходу
- Акцент на сделанном, а не на оставшемся
- Десять вводных уроков открыты бесплатно
- Этого хватает, чтобы увидеть систему обучения
- Остальные показывают экран блокировки
- Два тарифа: 14 900 и 39 900 ₽ за три месяца
- Демо-режим открывает всё одной кнопкой
Бесплатная часть подобрана не по остаточному принципу: это вводные уроки всех направлений. Человек успевает понять логику программы целиком до того, как решает платить.
Демо-режим — отдельное решение для заказчика: платформу можно показать клиенту или партнёру целиком, не подключая оплату.
Один файл — весь продукт
Продукт собран как самодостаточный HTML-файл — способ дойти до рабочего прототипа за дни, а не за месяцы.
Нативный JS без фреймворков, сборки и npm. Открывается двойным кликом и работает офлайн: отправить заказчику — значит отправить файл.
Вся программа — один массив: названия, длительность, описания и задания. Тексты правятся без вёрстки.
Видео подставляется через data-src: YouTube, Kinescope или mp4. Оплата и авторизация заведены точками входа.
Та же типографика и палитра, что на лендинге META.
Это рабочий прототип, а не боевая версия. Путь до неё известен и короткий.
Прогресс и ответы пока живут в памяти сессии.
Прогресс сохраняется на сервере.
Подключение видеохостинга и загрузка уроков.
Приём платежа и автоматическая выдача доступа.
Чтобы контент правил заказчик.
Экраны ученика
Тот же продукт на телефоне
Сайдбар сворачивается в бургер, сетки перестраиваются в одну колонку, тяжёлые эффекты отключаются. Учиться с телефона в дороге — основной сценарий этой аудитории, а не запасной.
