/ Проект: Онлайн-школа digital-профессий, Львов · 2026 /

Сайт онлайн-школы с каталогом курсов и записью на поток

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

Ключевые решения Запись на поток с оплатой частями без менеджера
Тип
Сайты
Отрасль
Образование и онлайн-курсы
Год
2026
Этапы работы 4–6 недель
  1. Бриф и исследование ≈ 1 нед.
  2. UX/UI-дизайн ≈ 1 нед.
  3. Разработка ≈ 2 нед.
  4. QA и запуск ≈ 1 нед.
  • Astro
  • Sanity
  • WayForPay
  • Telegram Bot API

Экраны продукта 08

  1. 01 Каталог курсов
  2. 02 Страница курса
  3. 03 Программа по неделям
  4. 04 Авторы и работы выпускников
Сайт онлайн-школы с каталогом курсов и записью на поток
  1. 05 Форматы и оплата
  2. 06 Запись на поток
  3. 07 Блог
  4. 08 Админка курсов
О проекте

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

  • Каталог курсов Цена, длительность и формат на карточке — курсы легко сравнить между собой.
  • Программа и авторы Модули, темы, практика по неделям и работы выпускников — видно, что именно человек будет изучать и что попадёт в портфолио.
  • Оплата частями Самостоятельно, с ментором или полная оплата со скидкой — рядом, с оплатой частями онлайн.
  • Доступ без менеджера После оплаты ученик сам попадает на платформу обучения и получает расписание, заявка — в CRM.
01 · Задача

Школа учит UX/UI-дизайну, интернет-маркетингу и аналитике. Курсы продавались через лендинги-однодневки под каждый запуск и переписку в Instagram. Программа жила в Google-документе, цена — в ответе менеджера, а дата старта потока — в сторис. После оплаты менеджер вручную добавлял ученика на платформу обучения, иногда через день-два. Человек, который сравнивал школы, не видел, что именно будет изучать по неделям и сколько это стоит, и уходил туда, где это видно сразу. Из Google учеников почти не было: старые лендинги исчезали вместе с потоком.

02 · Что мы сделали

Собрали один сайт школы на тарифе Корпоративный Лайт вместо отдельных лендингов. У каждого курса есть карточка с ценой, длительностью и форматом, а страница — с программой по модулям и неделям, авторами и работами выпускников. Форматы «самостоятельно», «с ментором» и полная оплата со скидкой сравниваются рядом. Запись на ближайший поток — с оплатой картой или частями через WayForPay; после оплаты сайт сам передаёт ученика на платформу обучения, отправляет письмо с доступом и расписанием, а заявку — в Telegram и CRM. Курсы, даты потоков, цены и авторов школа обновляет сама в Sanity. Под каждый курс — постоянная страница с разметкой Course, старые лендинги переведены на неё переадресацией.

  1. Было Программа — в Google Doc, цена — в ответе менеджера.

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

  2. Было Дата старта потока — только в сторис.

    Стало Запись на ближайший поток прямо на странице курса.

  3. Было После оплаты доступ открывают вручную через день-два.

    Стало Доступ к платформе и расписание приходят сразу после оплаты.

  4. Было Отдельный лендинг под каждый запуск, из Google учеников нет.

    Стало Один сайт школы с постоянными страницами курсов, которые находят в поиске.

03 · Путь клиента

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

  1. Находит курс

    Ищет «курс UX-дизайна онлайн» и попадает на постоянную страницу курса.

  2. Изучает программу

    Модули, темы, практика по неделям и работы выпускников.

  3. Выбирает формат

    Самостоятельно, с ментором или полная оплата со скидкой.

  4. Записывается на поток

    Оплата картой или частями онлайн и подтверждение в Telegram.

  5. Начинает обучение

    Доступ к платформе и расписание приходят письмом сразу после оплаты.

04 · Что внутри проекта

  1. Каталог курсов с ценой, длительностью и форматом на карточке

  2. Страницы курсов: программа по неделям, авторы, работы выпускников, FAQ

  3. Запись на поток с оплатой картой или частями

  4. Доступ к платформе и письмо с расписанием — автоматически после оплаты

  5. Заявки в Telegram и CRM, события аналитики на запись и оплату

  6. Постоянные страницы курсов с разметкой Course вместо лендингов-однодневок

Прогноз

За 2–3 месяца 20–30% записей приходит со страниц курсов в поиске, вопросов «сколько стоит» и «когда старт» в директе становится вдвое меньше, а оплата частями снимает часть отказов на этапе оплаты. Это ориентир, а не обещание.

05 · Архитектура

Как устроен продукт: от того, что видит пользователь, до данных и сервисов, с которыми он работает.

  1. Пользователь Открывает сайт с телефона или компьютера
  2. Интерфейс Что видит и нажимает человек
    • Astro
  3. Логика Правила, роли и сценарии
    • WayForPay
    • Telegram Bot API
  4. Данные и интеграции Где лежат данные и с чем обменивается продукт
    • Sanity

06 · Как строится такой проект

Итого: 4–6 недель
  1. 01 ≈ 1 нед. Бриф и исследование Цели, аудитория, структура страниц и что должен делать продукт
  2. 02 ≈ 1 нед. UX/UI-дизайн Прототип, дизайн ключевых экранов и мобильной версии
  3. 03 ≈ 2 нед. Разработка Вёрстка, CMS, интеграции и анимации
  4. 04 ≈ 1 нед. QA и запуск Проверка на устройствах, скорость, SEO-база и запуск

Типовое распределение этапов для проекта такого объёма

07 · Услуги в этом проекте

Следующий проект Строительная компания, Львов · 2026 Сайт строительной компании с объектами и заявкой на смету Строительство и ремонт

Решения под конкретную задачу

Готовые сценарии под ваш случай — с примерами и ориентировочными ценами.

Другие проекты

Все проекты →