Уникальное оформление Геткурс для Ментора Юлии РомановойДля реализации данного проекта у клиента имелись лишь инстаграм-аккаунт и логотип. Основной задачей стало создание привлекательного и функционального интерфейса на платформе GetCourse. В ходе работы был разработан уникальный дизайн в Figma с чёткой и интуитивно понятной структурой, который после согласования с заказчиком был успешно сверстан на GetCourse. |
В ходе реализации данного проекта была выполнена серия работ по оформлению следующих страниц:
-
главная страница онлайн-школы со списком тренингов
-
главная страница Курса ИСТИННЫЙ Я
-
системная страница входа/регистрации на Геткурс
-
системная страница оплаты
-
боковая панель меню
Оформление главной страницы
онлайн-школы
С адаптацией под все планшетные и мобильные устройства
Главная страница со списком тренингов
Что было сделано на странице тренингов:
-
Шапка-баннер
с именем Ментора Юлии Романовой и цитатой -
Фото ментора
установлено изображение крупным планом на всю страницу -
Баннер с приветствием ученика
Приветствие задает тон всему обучению. Оно помогает установить дружелюбную и позитивную атмосферу, что делает ученика более открытым к обучению. -
Список тренингов
список тренингов оформлен в виде прямоугольных плашек, при наведении на тренинг сделана анимация - смена цвета и плавное перемещение в сторону -
Блок службы поддержки
для оказания помощи ученикам в решении их вопросов
Оформление главной страницы Курса ИСТИННЫЙ Я
С адаптацией под все планшетные и мобильные устройства
Главная страница со списком модулей
Что было сделано на странице курса:
-
Шапка-баннер
с названием курса и фото Ментора -
Список модулей
список модулей оформлен в виде прямоугольных плашек, при наведении на тренинг сделана анимация - смена цвета и плавное перемещение в сторону -
Блок с информацией об авторе курса
в данном блоке краткая информация об авторе кнопка для связи с автором -
Кнопка Телеграм-канал
при нажатии на кнопку ученик переходит в телеграм-канал Ментора Романовой -
Кнопка Инстаграм
при нажатии на кнопку ученик переходит в инстаграм Ментора Романовой -
Верхнее меню
Также было оформлено верхнее меню, которое не видно для учеников. Оно предназначено для администраторов.
Создайте свою идеальную онлайн-школу! Закажите оформление уже сегодня и начните привлекать студентов!
Кастомизация системной страницы
входа/регистрации на платформе GetCourse
С адаптацией под все планшетные и мобильные устройства
Проработаны все вкладки системной страницы:
-
Вход
-
Регистрация
-
Авторизация
Системная страница входа на Геткурс
Кастомизация системной страницы
оплаты на платформе GetCourse
Системная страница оплаты на Геткурс
Стандартное оформление главного меню не соответствует новому дизайну курса. Кроме того, для улучшения визуального восприятия стоит оформить боковую панель в едином стиле с остальной частью курса.
Стилизация боковой панели меню
С помощью CSS code я сделала меню более уникальным и привлекательным:
- Изменила цвет фона для меню и его элементов.
- Заменила иконки для всех пунктов меню.
- Изменила стиль кнопок меню.
- Изменила стили для активного и выделенного состояния кнопок.
- Изменила стили виджета в мобильной версии.
- Изменила стили текста и фона выпадающего меню.
- Установила цвет и плавную анимацию при наведении на пункты подменю.
