BeNowClub — сайт онлайн-курса на Tilda с оплатой и личным кабинетом

BeNowClub — сайт десятидневного курса по медитации «Здесь и сейчас». Проект знакомит с автором и программой, помогает понять формат практик, принимает заявку и оплату, а после покупки становится точкой входа в закрытое обучение.

Задача была шире обычной разработки лендинга. Нужно было связать маркетинговую часть и сам продукт: сделать адаптивную продающую страницу, подключить видео, оформить запись на курс и создать личный кабинет ученика на Tilda Members. В результате путь пользователя проходит на одном домене — от первого знакомства до работы с модулями курса.

О проекте BeNowClub

Курс «Здесь и сейчас» создан Александром Часовских для людей, которым важно замедлиться, научиться работать с вниманием и встроить медитацию в повседневную жизнь. Программа рассчитана на 10 дней и включает девять модулей, восемь онлайн-практик, теоретические материалы, общий чат и обратную связь.

На сайте раскрываются содержание курса, формат занятий, вопросы участников и подход автора. При этом проект не заканчивается кнопкой покупки: действующий ученик возвращается на сайт, авторизуется и продолжает обучение в личном кабинете.

Задача: собрать продажу и обучение в одной системе

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

1. понятно объяснить, кому подходит курс и какой результат обещает его программа;
2. показать автора, подход и реальные примеры работы без перегруженного экспертного резюме;
3. подробно раскрыть девять модулей и формат ежедневной практики;
4. снять типовые вопросы и сомнения до личного общения;
5. подключить запись и оплату курса;
6. создать отдельную авторизацию для действующих учеников;
7. организовать закрытую учебную зону со списком модулей и статусами прохождения;
8. сохранить удобство на компьютере и мобильном телефоне.

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

Как устроена продающая страница курса

Первый экран сразу называет продукт и состояние аудитории

На первом экране размещены название курса, срок, количество практик и основное обещание — внутренняя устойчивость и ясность. Рядом показан автор курса. Ниже выделены три ситуации, с которыми посетитель может себя соотнести: тревога, постоянный внутренний шум и отсутствие опоры.

Программа раскрывается через конкретные изменения

Вместо абстрактного описания медитации страница объясняет, что именно будет делать участник: знакомиться с основами практики, выбирать удобную позу, работать с вниманием, телом, мыслями и эмоциями. Каждый модуль имеет отдельное название и краткое содержание, поэтому объём курса понятен ещё до оплаты.

Видео, примеры и обратная связь усиливают доверие

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

Частые вопросы закрываются до покупки

FAQ отвечает на практические вопросы: кому подходит формат, сколько длится курс и одно занятие, что делать со скукой или сонливостью и нужно ли во время медитации полностью перестать думать. Такой блок снижает количество сомнений и повторяющихся вопросов в переписке.

Оплата и юридические страницы

Запись на курс завершается понятным окном оплаты. В подвале размещены согласие на обработку персональных данных, политика конфиденциальности и договор-оферта. Пользователь видит условия и может перейти к покупке непосредственно со страницы программы.

Личный кабинет ученика на Tilda Members

Для закрытой части использован Tilda Members. После авторизации ученик попадает в кабинет курса «Здесь и сейчас», где модули собраны в одном последовательном списке. У каждого пункта есть название и короткое описание, а завершённые этапы отмечаются понятным статусом.

Такой интерфейс не отвлекает от обучения: ученику не нужно искать ссылки в переписке, вспоминать, где лежит очередной урок, или каждый раз обращаться к куратору. Он возвращается на тот же сайт, входит по e-mail и продолжает с нужного модуля.

Визуально кабинет продолжает дизайн основной страницы: используется та же спокойная светлая палитра, тёмно-синяя типографика, оливковые акценты и знакомая навигация. За счёт этого продающая часть и продукт воспринимаются как одна система.

Дизайн: спокойный, современный и без эзотерических клише

Визуальная концепция построена на холодном светло-сером фоне, тёмно-синем тексте и приглушённых оливковых акцентах. Фотографии автора используются как главный человеческий элемент, а фактура фона и тонкие линии поддерживают ощущение тишины и собранности.

Страница остаётся лёгкой, несмотря на большой объём программы. Крупные заголовки, нумерация, горизонтальные разделители и повторяющиеся целевые кнопки помогают просматривать длинный лендинг по диагонали и быстро возвращаться к записи.

Адаптивная версия для телефона

Мобильная версия собрана как самостоятельный сценарий, а не уменьшенная копия десктопа. Блоки перестраиваются в одну колонку, фотографии и заголовки получают подходящий масштаб, программа сохраняет читаемость, а кнопки остаются удобными для нажатия. Пользователь может изучить курс и записаться без горизонтальной прокрутки.

Что реализовано в проекте

• продающий лендинг курса медитации на Tilda;
• индивидуальный дизайн в спокойной серо-синей и оливковой палитре;
• адаптивная версия страницы для смартфонов и планшетов;
• структурная презентация курса: аудитория, результат, формат и девять модулей;
• видеоблоки с размещением материалов через Kinescope;
• формы обратной связи и быстрые переходы в мессенджеры;
• сценарий записи и перехода к оплате;
• авторизация учеников по e-mail и паролю;
• закрытый личный кабинет курса на Tilda Members;
• список уроков с описаниями и статусами прохождения;
• политика конфиденциальности, согласие на обработку данных и договор-оферта;
• единая навигация и визуальная система для открытой и закрытой частей сайта.

Как работает пользовательский сценарий

• Посетитель попадает на первый экран и сразу понимает тему, длительность и формат курса.
• Узнаёт свою ситуацию в блоках про тревогу, шум мыслей и отсутствие внутренней опоры.
• Знакомится с автором, подходом, видео, примерами и ожидаемыми результатами.
• Изучает девять модулей, стоимость и ответы на частые вопросы.
• Оставляет заявку или переходит к оплате.
• После получения доступа входит через раздел «Войти».
• Открывает личный кабинет, видит модули и продолжает обучение.

Почему связка Tilda + Tilda Members подходит онлайн-курсу

Для небольшого или первого запуска не всегда нужна тяжёлая LMS. Если программа понятна, а внутри нет сложной игровой механики, Tilda позволяет разместить продающую страницу, формы и оплату, а Tilda Members — закрыть материалы от публичного доступа и организовать вход учеников.

Главное преимущество такой связки — единая среда. Сайт не заканчивается после продажи: он продолжает работать как точка возврата ученика. При этом структуру можно расширять новыми модулями, курсами и страницами без полной пересборки проекта.

Скачать материалы сайта

Скриншоты сайта, запись видео доступны по ссылке: https://disk.yandex.ru/d/0bSiI_CEGK7RIg

Результат проекта

Для автора курса

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

Для ученика

• понятно, кто ведёт курс, сколько он длится и что находится внутри;
• программу можно изучить до оплаты;
• есть быстрый способ задать вопрос автору;
• вход в обучение находится в заметном месте;
• все модули собраны в одном кабинете и имеют понятный порядок;
• открытая и закрытая части выглядят как единый продукт.

Нужен похожий сайт онлайн-курса?

Если вы запускаете курс, практикум, клуб или образовательную программу, я могу собрать сайт под ключ: продумать структуру, оформить дизайн, адаптировать страницы под мобильные устройства, настроить формы, оплату, Tilda Members и личный кабинет для учеников.

Подробное техническое задание на старте не обязательно. Достаточно описать продукт, количество уроков и желаемый путь ученика — от первого посещения до доступа к материалам.

Написать мне:  Telegram @vbalakin   •   MAX — открыть контакты

Для быстрой оценки напишите: что продаёте, сколько планируется модулей, нужна ли оплата и когда хотите запустить проект.

Частые вопросы о создании сайта онлайн-курса

Можно ли сделать лендинг и личный кабинет на Tilda?

Да. Открытая часть сайта может продавать курс, принимать заявки и вести к оплате, а Tilda Members используется для регистрации учеников и закрытого доступа к учебным материалам.

Подойдёт ли Tilda Members для полноценного онлайн-курса?

Для курса с модулями, видео, текстами и файлами возможностей обычно достаточно. Если нужны сложные тесты, игровые механики, детальная аналитика, сертификаты и несколько ролей пользователей, сначала стоит сравнить Tilda со специализированной LMS.

Можно ли подключить оплату и автоматически выдавать доступ?

Схема зависит от платёжной системы и формата запуска. Можно настроить оплату на Tilda и связать её с доступом в закрытую группу. Конкретная логика определяется до разработки, чтобы пользователь не терялся между покупкой и первым уроком.

Можно ли разместить видео внутри закрытого кабинета?

Да. Видео можно встроить через подходящий видеохостинг, например Kinescope, и разместить на страницах уроков вместе с текстами, заданиями и дополнительными материалами.

Сколько стоит сайт онлайн-курса с личным кабинетом?

Стоимость зависит от количества страниц и модулей, готовности дизайна и текстов, способа оплаты, автоматизации доступа и интеграций. Для оценки достаточно прислать краткое описание курса в Telegram или MAX.