О ПРОЕКТЕ
«Система: как работать на себя» — текстовый курс editors.one для фрилансеров и диджитал-специалистов.
Уроки сделаны в формате лонгридов и доступны для самостоятельного изучения.
Уроки сделаны в формате лонгридов и доступны для самостоятельного изучения.
ЗАДАЧА
Нужно было оформить курс как образовательный продукт на Tilda: представить программу на лендинге, настроить доступ после оплаты и собрать понятную навигацию для прохождения уроков.
Отдельная задача — сделать большой объём текстовых материалов удобным для чтения на разных устройствах. Подача текстов должна помогать удерживать фокус на содержании.
Отдельная задача — сделать большой объём текстовых материалов удобным для чтения на разных устройствах. Подача текстов должна помогать удерживать фокус на содержании.
Визуальная система курса
У editors.one уже был фирменный стиль. Мы взяли цвета, шрифт и общую стилистику основного сайта и развили их для курса.
Лендинг и уроки выглядят как часть системы editors.one, но сам курс считывается как отдельный продукт.
Лендинг и уроки выглядят как часть системы editors.one, но сам курс считывается как отдельный продукт.
Продающий лендинг
Собрали лендинг, который представляет курс и ведёт к покупке.
Страница работает с подачей, ритмом и акцентами: помогает показать ценность курса, выделить важные блоки и создать настроение вокруг продукта.
Страница работает с подачей, ритмом и акцентами: помогает показать ценность курса, выделить важные блоки и создать настроение вокруг продукта.
Личный кабинет
Настроили внешний вид личного кабинета, общую страницу курса и доступ к материалам после оплаты.
После покупки доступ открывается автоматически, поэтому заявки не нужно обрабатывать вручную. На общей странице пользователь видит список уроков и может быстро перейти к нужному материалу.
После покупки доступ открывается автоматически, поэтому заявки не нужно обрабатывать вручную. На общей странице пользователь видит список уроков и может быстро перейти к нужному материалу.
Уроки в формате лонгридов
Отрисовали и сверстали 23 страницы уроков. Каждая страница настроена вручную, чтобы материалы было удобно читать.
Для уроков продумали ширину текстовых блоков, размеры элементов, структуру страницы и адаптацию под разные устройства. Текст разбит на фрагменты, а навигация помогает перемещаться по странице и между уроками.
Для уроков продумали ширину текстовых блоков, размеры элементов, структуру страницы и адаптацию под разные устройства. Текст разбит на фрагменты, а навигация помогает перемещаться по странице и между уроками.
Визуальные элементы
Часть материалов переработали в стилистике курса: схемы и иллюстрации перерисовали, чтобы они выглядели единообразно с остальными страницами.
Примеры рабочих ситуаций оформили в виде чат-баблов. Такой приём разнообразит подачу материалов и делает длинные страницы живее.
Примеры рабочих ситуаций оформили в виде чат-баблов. Такой приём разнообразит подачу материалов и делает длинные страницы живее.
Поэтапная публикация
Работа над проектом шла поэтапно. Материалы предоставлялись раз в месяц, по мере написания курса.
Каждый новый модуль подготавливался и публиковался к заданной дате.
Каждый новый модуль подготавливался и публиковался к заданной дате.
Базовое SEO
Настроили заголовки страниц, описания, адреса и базовую структуру. Эти настройки помогают страницам корректно индексироваться в поисковых системах.
Курс работает как цельная среда на Tilda: лендинг представляет продукт, доступ выдаётся после оплаты, уроки собраны в личном кабинете.
23 урока оформлены как полноценные лонгриды. Текст свёрстан удобно для чтения, а навигация помогает ориентироваться внутри курса.
23 урока оформлены как полноценные лонгриды. Текст свёрстан удобно для чтения, а навигация помогает ориентироваться внутри курса.