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

• Снижается мотивация (непонятно, зачем изучать тот или иной модуль).
• Падает вовлеченность.
• Нет наглядности прогресса (сложно оценить, сколько уже освоено и что осталось).
• Размытое понимание, какие зарплаты и должности доступны после каждого этапа обучения.

Последствия:

• Высокий процент оттока студентов.
• Низкая вовлеченность в обучение (сухая теория без «оживления» прогресса).

Решение, которое они хотят:
Визуализировать «путь ученика» через:

1. Дерево навыков → чтобы сразу было видно, какие компетенции дает каждый модуль.
2. Креативный прогресс-бар → чтобы обучение ощущалось как игра или движение к цели.
3. Динамический блок с зарплатами и должностями → чтобы мотивировать и показывать ценность каждого этапа.

Вывод:
Им нужно не просто «сделать красиво», а реализовать систему геймификации и наглядного отображения ценности курса, чтобы удерживать студентов и увеличивать completion rate.

Результат:

• Реализована ветвящаяся инфографика в виде дерева, где каждый модуль — это отдельная «ветвь» с навыками.
• Прогресс-бар в виде «пути ученика». Прогресс отображается как персонаж (аватар), который движется по дорожке с остановками-модулями. Каждый пройденный модуль меняет картинку (например, из "новичка" ученик превращается в "эксперта").
• Динамический блок «За что платят». При переходе из модуля в модуль меняется информация: должность, зарплата (вилка от/до, например: «70−120 тыс. руб.»), за что платят (конкретные навыки: «Настройка кампаний», «Увеличение выкупаемости»).
• Геймификация внутри модуля, наглядно показывающая, какие уроки выполнены, а какие — нет.
• Подобраны визуальные составляющие на основе пожеланий клиента.
• Сверстан готовый макет в Фигме.
• Записаны обучающие видео по работе с платформой для заказчика.
• Обучающая платформа оформлена в фирменных цветах школы, создана удобная навигация.
• Для удобства учеников добавлен календарь с датами выхода уроков.
• У каждого урока установлен наглядный статус его состояния (выполнен, есть ДЗ и т. д.)
• Для повышения мотивации прохождения курса добавлен линейный прогресс — бар с процентным отображением успехов учеников.
• Выполнена адаптация платформы под все устройства

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

Клиент: Онлайн-школа Трансперсональной Живописи Елены Скоковой
Основная проблема:

• Ученики не видят все мероприятия школы и курсы.
• Низкая подписка на важного Telegram-бота.
• Ученики путаются на платформе (неинтуитивная навигация, непонятные названия, дублирующиеся блоки).
• Отсутствие визуальной идентичности: Нет узнаваемости бренда школы.

Последствия:

1. Снижение вовлеченности и дохода: Ученики пропускают вебинары, мастер-классы, марафоны, не покупают новые курсы → прямая потеря прибыли.
2. Низкая эффективность обучения: Путаница на платформе и пропуск мероприятий → неудовлетворенность, нереализованный потенциал учеников, плохие отзывы.
3. Слабая коммуникация: Низкая подписка на бота → ученики не получают уведомления, напоминания, оперативную помощь → растет нагрузка на поддержку и недовольство.
4. Размытый бренд: Отсутствие уникального стиля → школа "теряется" среди конкурентов, не запоминается, не вызывает эмоциональной связи.

Цель: Создать интуитивную, эстетичную и вдохновляющую платформу, отражающую суть Трансперсональной Живописи, где ученики видят всё и легко участвуют.

Результат:
На главной странице школы реализованы блоки для пошагового старта:
Шаг 1 — Инструкция по работе с платформой.
Шаг 2 — Индикатор подключения Telegram-бота (показывает статус: подключен или требует действия).
Добавлены ключевые разделы:
• «Ближайшие мероприятия» — при клике ученик переходит на страницу с деталями и кнопкой записи.
• «Доступные к покупке курсы» — отображает все актуальные продукты школы.
• Приветственное видео спикера — запускается автоматически в виде поп-апа.
Работа с визуалом:
• Подобраны изображения и баннеры на основе бренд-гайда клиента.
• Сверстан макет в Figma.
• Платформа оформлена в фирменных цветах школы с удобной навигацией.
Улучшения для учеников:
• Календарь с датами выхода уроков.
• Наглядные статусы уроков («Завершено», «Есть ДЗ» и др.).
• Круговой прогресс-бар с процентами для мотивации.
• Полная адаптация под мобильные устройства и ПК.
Дополнительно для заказчика:
Записаны обучающие видео по управлению платформой.
Итог:
Ученики видят свой прогресс, понимают ценность модулей и мотивированы завершать курсы.
Для школы — снижение оттока и рост процента завершенных программ.

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

1. Проблема: Неудобная навигация — ученики теряются на платформе GetCourse, не могут быстро найти нужные тренировки, планы питания и дополнительные материалы.
2. Отсутствие вовлечённости — клиенты бросают занятия, так как не видят своего прогресса и не получают дополнительной мотивации.
3. Дизайн не мотивирует — интерфейс устарел, нет ярких визуальных элементов, создающих ощущение энергии и движения.

Задача: Создать современный, удобный и визуально привлекательный дизайн GetCourse, который:

1. Упростит навигацию и сделает процесс обучения более интуитивным.
2. Улучшит визуальное восприятие и повысит вовлечённость учеников.
3. Оптимизирует структуру платформы, чтобы повысить конверсию из посетителей в учеников.
4. Адаптируется под мобильные устройства и обеспечит комфортное обучение с любого девайса.

Результат:

1. Подобраны визуальные составляющие на основе пожеланий клиента.
2. Сверстан готовый макет в Фигме.
3. Записаны обучающие видео по работе с платформой для заказчика.
4. Обучающая платформа оформлена в фирменных цветах школы, создана удобная навигация.
5. Для удобства учеников добавлен календарь с датами выхода уроков
6. У каждого урока установлен наглядный статус его состояния (выполнен, есть ДЗ и т.д.)
7. Для повышения мотивации прохождения курса добавлен линейный прогресс - бар с процентным отображением успехов учеников и мотивирующей надписью.
8. Выполнена адаптация платформы под все устройства

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

Результат:

1. Зарегистрирован и готов к продажам аккаунт на GetCourse.
2. Настроены продукты и предложения, сверстаны письма при покупке.
3. Подобраны визуальные составляющие на основе пожеланий клиента.
4. Сверстан готовый макет в Фигме.
5. Записаны обучающие видео по работе с платформой для заказчика.
6. Обучающая платформа оформлена в фирменных цветах школы, создана удобная навигация.
7. Для удобства учеников добавлен блок с покупками. На главный экран выведены данные учеников. Ученик видит, на каком уроке он остановился и с первой страницы может попасть на этот урок.
8. Добавлена зачетка, чтобы наглядно видеть, где ДЗ принято, где нет.
9. У каждого урока установлен наглядный статус его состояния (выполнен, есть ДЗ и т.д.)
10. Для повышения мотивации прохождения курса добавлен круговой прогресс - бар с процентным отображением успехов учеников и цифровым отображением количества выполненных домашних заданий
11. Выполнена адаптация платформы под все устройства

Задача: Изменить структуру курса, визуально разделить блоки курса, сделать логически визуально понятную обучающую платформу в соответствии с фирменным шрифтом и цветами.

Результат:

1. Подобраны визуальные составляющие на основе пожеланий клиента.
2. Сверстан готовый макет в Фигме.
3. Записаны обучающие видео по работе с платформой для заказчика.
4. Обучающая платформа оформлена в фирменных цветах школы, создана удобная навигация.
5. Для удобства учеников добавлен календарь с датами выхода уроков
6. У каждого урока установлен наглядный статус его состояния (выполнен, есть ДЗ и т.д.)
7. Для повышения мотивации прохождения курса добавлен круговой прогресс - бар с процентным отображением успехов учеников и цифровым отображением количества выполненных домашних заданий
8. Выполнена адаптация платформы под все устройства

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

Результат:

1. Подобраны визуальные составляющие на основе готового шаблона баннера.
2. Сверстан готовый макет в Фигме.
3. Записаны обучающие видео по работе с платформой для заказчика.
4. Обучающая платформа оформлена в фирменных цветах школы, создана удобная навигация.
5. Для удобства учеников добавлен календарь с датами выхода уроков
6. У каждого урока установлен наглядный статус его состояния (выполнен, есть ДЗ и т.д.)
7. Для повышения мотивации прохождения курса добавлен круговой прогресс - бар с процентным отображением успехов учеников и цифровым отображением количества выполненных домашних заданий

Задача: Создать логически визуально понятную обучающую платформу в соответствии с фирменным шрифтом и цветами.

Результат:

1. Подобраны визуальные составляющие с учетом пожеланий заказчика и фирменных шрифтов и цветов.
2. Сверстан готовый макет в Фигме.
3. Записаны обучающие видео по работе с платформой для заказчика.
4. Структура и навигация на счет удобной строки поиска стала удобней и комфортней для учеников минимум в 2 раза

Задача: Создать логически визуально понятную обучающую платформу в соответствии с фирменным шрифтом и цветами.

Результат:

1. Подобраны визуальные составляющие с учетом пожеланий заказчика и фирменных шрифтов и цветов.
2. Сверстан готовый макет в Фигме.
3. Записаны обучающие видео по работе с платформой для заказчика.
4. Структура курса стала удобней и комфортней для учеников минимум в 2 раза

Задача: Создать логически визуально понятную обучающую платформу именно для учеников - иллюстраторов.

Результат:

1. Подобраны визуальные составляющие с учетом пожеланий заказчика и фирменных шрифтов и цветов.
2. Сверстан готовый макет в Геткурс.
3. Записаны обучающие видео по работе с платформой для заказчика.
4. Структура курса стала удобней и комфортней для учеников минимум в 2 раза
5. За счет удобства платформы и введенной геймификации доходимость до конца курса увеличилась в 2 раза

Задача: Создать логически визуально понятную страницу уроков. Где каждый ученик будет понимать, на каком этапе находится его обучение

Результат:

1. Снижение вопросов к кураторам и техподдержке за счет понимания логики прохождения обучения и выполнения домашних заданий. Как результат, снижение утомляемости учеников от обучения и повышение доходимости до конца обучения. Повышение лояльности учеников к школе

Задача: Создать логически визуально понятный урок. Где каждый ученик будет понимать, на что нужно обратить внимание

Результат:

1. Снижение вопросов к кураторам и техподдержке за счет понимания логики прохождения обучения и выполнения домашних заданий. Как результат, снижение утомляемости учеников от обучения и повышение доходимости до конца обучения. Повышение лояльности учеников к школе

Задача: Создать логически визуально понятную страницу тренинга для учеников - персона "Мамы".

Результат:

1. Подобраны визуальные составляющие с учетом пожеланий заказчика и фирменных шрифтов и цветов.
2. Сверстан готовый макет в Геткурс.
3. Записаны обучающие видео по работе с платформой для заказчика.
4. Структура курса стала удобней и комфортней для учеников минимум в 2 раза