Оформление Геткурс
для Tkachuk Project
Задача:Разработать дизайн для личного кабинета ученика в стиле лендинга курса и перенести его на на платформу GetCourse
Дизайн и верстка готовы:
- Страница входа
- Боковая панель
- Главная страница тренингов
- Страница курса
- Списки уроков / подтренингов
- Шаблон уроков
Процесс работы
Начало сотрудничества
Клиент нашел меня в нельзяграмме, мы созвонились в зуме обсудили нюансы ее проекта, некоторые тренинги были оформлены, но "картинками" без верстки.
Также клиент от руки нарисовала схематично, как видит новую структуру тренинга.
Референсом для дизайна был лендинг продукта, разработанный другим веб-дизайнером.
Изучив все, я отправила клиенту смету, она оплатила предоплату и мы приступили к преображению Геткурса.
РАЗРАБОТКА ДИЗАЙНА
Так как оформление Геткурса мы делали в стиле лендинга продукта, шрифты, цвета уже были подобраны
В боковой панели были заменены иконки, цвета, шрифты. Активная иконка меняла цвет, чтобы ученику было понятно, в каком разделе он находится.
Главная страница курса предложена была в двух вариантах: темный и светлый. Клиентка выбрала темный. На странице были добавлены такие блоки, как «Ваш куратор», «Ваш прогресс», «Ваш тариф» с кнопкой апгрейда, кастомный календарь, «Техническая поддержка»
Главная страница тренингов
Главная страница курса — итоговый вариант
Список уроков
шаблон урока
Верстка
Перенос макета из фигмы на платформу Геткурс. Верстка была реализована кодом (html, css, js)
Инструкции для клиента
После завершения работы над проектом я отсняла видеоинструкции, в которых рассказала, как пользоваться новым оформлением.
Оксана Иванова
веб-дизайнер, верстальщик
