/ Проєкт: Онлайн-школа 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 Сайт будівельної компанії з обʼєктами і заявкою на кошторис Будівництво і ремонт

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

Готові сценарії під ваш випадок — з прикладами та орієнтовними цінами.

Інші проєкти

Усі проєкти →