КЕЙС
Оформление онлайн-школы
PRO ДВИЖЕНИЕ

Обсудить ваш проект

Заказать оформление

Главная задача: сделать лаконично и удобно, в едином стиле и в цветовой палитре, соответствующей дейстующему сайту

В ходе реализации данного проекта была выполнена серия работ по оформлению следующих страниц:

главная страница онлайн-школы со списком всех тренингов;
главная страница Курса PRO ДВИЖЕНИЕ;
главная страница Курса ЗДОРОВАЯ СПИНА;
все модули со списком уроков в обоих курсах онлайн-школы;
системная страница входа/регистрации на Геткурс;
боковая панель меню.

Оформление главной страницы онлайн-школы со списком всех тренингов

С адаптацией под все планшетные и мобильные устройства
А также сделана адаптация в Chatium (приложении Геткурса)

Оформление Геткурс. Список тренингов. Дизайн и вёрстка.

Главный баннер с названием онлайн-школы, фото спикера и дополнительным изображением.
Боковая панель с заменой цвета и заменой иконок.
Оформление списка тренингов с одинаковым изображением или иконкой на каждой карточке тренинга, а также анимацией при наведении на каждый тренинг.
Кнопки с соответствующими иконками для перехода в Телеграм-канал и Ютуб-канал (с анимацией при наведении);
Блок с расписанием работы службы поддержки с кнопкой перехода на страницу обратной связи, либо в любой другой мессенджер (с анимацией при наведении).
Оформление блока «Актуальные события»

Создайте уникальную атмосферу для своих студентов! Закажите профессиональное оформление для вашей онлайн-школы!

Посмотреть прайс

Заказать оформление

Оформление главных страниц двух курсов:
Курс PRO ДВИЖЕНИЕ
Курс ЗДОРОВАЯ СПИНА

Что сделано на главных страницах курсов

Шапка-баннер

с названием курса, изображением спикера и дополнительной тематической каринкой.
Календарь событий

Использование расписания уроков в виде календаря делает процесс обучения более структурированным и удобным, что положительно сказывается на успеваемости и организации учащихся.
Блок "Служба заботы"

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

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

Данный блок скрыт от учеников. Его будут открывать при необходимости по настроенному сегменту.
Список уроков и список модулей

На странице курса "PRO ДВИЖЕНИЕ" реализовано комбинированное оформление для списка уроков и списка модулей.
А на странице курса "ЗДОРОВАЯ СПИНА" список уроков структурирован с разделением уроков на две темы.

Заказать оформление

Оформление всех модулей Курса PRO ДВИЖЕНИЕ

Оформление списка уроков

Что сделано на страницах модулей

Шапка-баннер

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

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

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

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

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