Задача:Разработать дизайн для личного кабинета ученика в стиле лендинга курса и перенести его на на платформу GetCourse

Дизайн и верстка готовы:

  • Страница входа
  • Боковая панель
  • Главная страница тренингов
  • Страница курса
  • Списки уроков / подтренингов
  • Шаблон уроков

Процесс работы

Начало сотрудничества

Клиент нашел меня в нельзяграмме, мы созвонились в зуме обсудили нюансы ее проекта, некоторые тренинги были оформлены, но "картинками" без верстки. 


Также клиент от руки нарисовала схематично, как видит новую структуру тренинга.


Референсом для дизайна был лендинг продукта, разработанный другим веб-дизайнером.


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

РАЗРАБОТКА ДИЗАЙНА

Так как оформление Геткурса мы делали в стиле лендинга продукта, шрифты, цвета уже были подобраны

В боковой панели были заменены иконки, цвета, шрифты. Активная иконка меняла цвет, чтобы ученику было понятно, в каком разделе он находится.


Главная страница курса предложена была в двух вариантах: темный и светлый. Клиентка выбрала темный. На странице были добавлены такие блоки, как «Ваш куратор», «Ваш прогресс», «Ваш тариф» с кнопкой апгрейда, кастомный календарь, «Техническая поддержка»

Верстка

Перенос макета из фигмы на платформу Геткурс. Верстка была реализована кодом (html, css, js)

Инструкции для клиента

После завершения работы над проектом я отсняла видеоинструкции, в которых рассказала, как пользоваться новым оформлением.

Ссылка на это место страницы: #contacts

Оксана Иванова

веб-дизайнер, верстальщик

Связаться в мессенджере:

Написать в Telegram

Написать в whatsapp