Вы можете настроить код формы, которая вызывается при оформлении заказа
Оформление GetCourse
для корпоративного университета
«ДОН-МТ»
Адаптивная верстка страницы главной страницы курса, списка модулей и списка уроков.
Разработка и внедрение прогресс-бара, динамической карты и блока "Календарь".
Задача
Что было до
-
Тренинги не были структурированы
Курсы, марафоны и тренинги для руководителей перемешаны — ученикам сложно ориентироваться.
-
Нет визуализации прогресса
Ученики не видели, какой курс уже начали, а какой ещё не открыли.
-
Отсутствие мотивационных элементов
Не было маскота, званий и наглядного прогресса, которые стимулируют проходить обучение.
-
Стандартный интерфейс GetCourse
Платформа использовалась в типовом виде — без кастомизации и дополнительных функций.
Что нужно было сделать
- Сверстать главную страницу школы со списком всех тренингов
- Сверстать страницу со списком модулей тренинга
- Сверстать страницу со списком уроков тренинга
- Разбить тренинги на категории: основные, дополнительные, марафоны, для руководителей
- Добавить прогресс-бар на карточки основных курсов
- Добавить статус доступа на карточки дополнительных курсов
- Интегрировать календарь активностей в правую колонку
- Реализовать динамическую карту прогресса на странице модулей
- Добавить маскота с системой званий за прохождение этапов
- Внедрить круговой прогресс-бар на странице модулей
Что было сделано
Главная страница школы
Создал каталог всех обучающих продуктов школы с разбивкой по категориям и дополнительной информацией.
- Основные курсы: карточки с названием, описанием и прогресс-баром, показывающим прогресс обучения
- Дополнительные курсы: карточки со статусом доступа — доступен / закрыт
- Марафоны: отдельный блок с краткими описаниями
- Тренинги для руководителей: отдельный блок с премиум-контентом
- Календарь в правой колонке: показывает даты активностей и событий
Страница модулей
Стилизовал страницу с детальным отображением прогресса и мотивационными элементами.
- Динамическая карта: визуализирует прогресс ученика по этапам обучения
- Маскот со званиями: за прохождение этапов открываются новые звания (мотивирует продолжать)
- Круговой прогресс-бар: заполняется по мере прохождения модулей
Страница уроков
Сверстал страницу с уроками в виде плиток и вынес маскота для дополнительной мотивации.
- Плитки уроков: по 3 в ряд, каждый с названием, номером и статусом
- Маскот на странице: дополнительный мотивационный элемент
Результат
Главная страница тренингов
Список модулей
Список уроков
Видео-обзор
Отзыв клиента
«Спасибо вам большое за быструю и качественную работу! Презентовала платформу команде, все в восторге! Я очень рада, что нашла вас.»
