Дизайн — статьи о сайтах
Владельцы онлайн-школ часто считают, что карточка курса состоит из названия, красивого описания и кнопки «Купить». Но человек, который пришёл из рекламы или соцсети, спрашивает конкретное: чему я научусь, подходит ли мне курс, как проходят занятия, сколько времени уйдёт и что будет, если я не успею. Если ответов на странице нет, он идёт в поддержку или закрывает вкладку.
Какие вопросы посетитель задаёт карточке курса
Начните не с вёрстки, а со списка вопросов. Соберите их из реальных обращений: сообщений в чате, писем, вопросов менеджеров после звонков. Обычно получается примерно такой набор:
- Для кого этот курс и с какого уровня можно начинать?
- Что я смогу делать после обучения?
- Как устроены занятия: вебинары в эфире, записи, задания?
- Сколько часов в неделю нужно выделять?
- Кто проверяет работы и как быстро отвечает?
- Сколько стоит и какие есть способы оплаты?
- Когда старт и можно ли присоединиться позже?
Каждый вопрос должен получить ответ на самой странице, а не в отдельном документе.
В каком порядке расположить блоки
Посетитель читает сверху вниз и решает, продолжать ли. Поэтому сначала идёт то, что помогает понять суть, затем детали, затем условия и кнопка. Рабочий порядок такой:
- название и одна фраза о результате;
- для кого курс и что нужно уметь до начала;
- чему научится ученик, в виде конкретных действий;
- программа по неделям или модулям;
- формат: расписание, длительность, обратная связь;
- преподаватель: опыт, который относится именно к теме курса;
- стоимость, способы оплаты, ближайший старт;
- условия участия и ответы на частые вопросы;
- кнопка записи.
Кнопку лучше повторить после программы и в конце страницы, чтобы не заставлять человека возвращаться наверх. На телефоне удобно закрепить краткий блок с датой старта и ценой.
Условный пример: фрагмент карточки курса
Возьмём вымышленный курс «Excel для офисной работы». Вот как может выглядеть верхняя часть страницы:
Excel для офисной работы
Научитесь собирать отчёты из выгрузок и не тратить на них вечера. 6 недель, 2 занятия в неделю по 90 минут.
Подойдёт, если вы уже открываете Excel, но считаете вручную и копируете данные между файлами. Знание формул не требуется.
После курса вы сможете:
- очищать выгрузку из учётной программы: убирать дубли, разделять данные по столбцам;
- строить сводную таблицу и диаграмму для еженедельного отчёта;
- находить данные в одной таблице по значениям из другой с помощью ВПР.
Формат: занятия в прямом эфире, запись доступна после урока. Домашнее задание проверяет преподаватель, комментарий приходит в течение рабочего дня после отправки.
Кнопка: «Записаться на поток с 13 февраля». Рядом ссылка: «Как проходит обучение и что делать, если пропустил занятие».
Все сроки и цифры здесь придуманы для иллюстрации. Важна схема: ответ на «зачем», «для кого», «что именно буду уметь» и «как это устроено» умещается на первом экране и в начале прокрутки.
Как описать результат и программу без общих слов
Фразы вроде «освоите мощные инструменты» ничего не сообщают. Заменяйте их проверяемыми действиями: «построите сводную таблицу», «напишете резюме на английском», «соберёте страницу из готового макета». Если результат нельзя представить в виде действия, формулировка пока не готова.
В программе у каждого модуля должны быть тема и практика. Вместо «Неделя 3. Функции» напишите «Неделя 3. Поиск данных: разбираем ВПР на примере прайс-листа и заказов, в конце делаете сверку двух таблиц». Длинную программу скройте в раскрывающиеся списки, но названия модулей оставьте видимыми, чтобы текст читался без кликов.
Формат, цена и условия: что нужно указать явно
Именно здесь чаще всего остаются пробелы. Проверьте, что на странице есть:
- дата старта и срок, до которого можно присоединиться;
- как долго после окончания остаётся доступ к записям;
- что нужно для занятий: компьютер, версия программы, наушники;
- кто отвечает на вопросы учеников и в каком канале;
- итоговая стоимость и что в неё входит; если есть оплата частями, то по какой схеме;
- ссылка на документ с условиями участия и возврата.
Формулировки условий возврата и договора согласуйте с тем, кто отвечает за юридическую часть школы. Дизайнеру и копирайтеру остаётся сделать так, чтобы ссылка была заметной, а не спрятанной в подвале.
Текст на кнопке тоже должен говорить о действии: «Записаться на поток» понятнее, чем «Отправить», а «Задать вопрос куратору» подходит тем, кто не готов платить сразу.
Проверочный список перед публикацией
- Название и первая фраза объясняют, какой результат получит ученик.
- Указано, для кого курс и какой уровень нужен на входе.
- Результаты записаны как действия, без слов «освоите» и «погрузитесь».
- У каждого модуля программы есть практическое задание.
- Понятно, сколько времени в неделю нужно учиться.
- Описано, кто и в какие сроки даёт обратную связь.
- Стоимость, способы оплаты и дата старта видны без прокрутки до конца.
- Условия участия доступны по заметной ссылке.
- Страница читается на телефоне: кнопка видна, раскрывающиеся блоки открываются.
- Новый человек, прочитав страницу, может своими словами рассказать, что получит.
Последний пункт проверяйте вживую: дайте страницу знакомому, не работающему в школе, и попросите пересказать курс. Всё, о чём он спросит, нужно добавить в карточку.
