ReSkill — оформление Getcourse

К нам обратилась компания Reskill с задачей оформления Getscourse. 10 декабря они планировали запустить новый поток с дизайном.

Из фирменного стиля было только 4 цвета. Другая группа дизайнеров должна была предоставить фирменный стиль по ходу работы над оформлением личного кабинета. Кроме самого редизайна, надо было создать страницы: войс-чаты, прямые эфиры.

Задача

  • Разработать дизайн 14 стандартных страниц Getcourse.
  • Разработать дизайн страниц «Войс-чат» и «Прямые эфиры»
  • Редизайн страницы «Библиотека»
  • Интегрировать разработанный дизайн в Getcourse

О проекте

Начало работ
15 ноября  —
Запуск
10 декабря
Стоимость
168 000₽
4 недели
Дизайн
Интеграция в Getcourse

Главная страница

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

ReSkill — оформление Getcourse 1

Страница курса

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

ReSkill — оформление Getcourse 2

Настройка уведомлений

ReSkill — оформление Getcourse 3

Страница покупок

ReSkill — оформление Getcourse 4

Страница урока

Страница урока состоит из дизайна элементов, такая сборная солянка, из которой администраторы смогут собирать нужные им страницы.

ReSkill — оформление Getcourse 5

Страница модуля

ReSkill — оформление Getcourse 6

Библиотека

ReSkill — оформление Getcourse 7

Ожидание вебинара

ReSkill — оформление Getcourse 8

Прямые эфиры

ReSkill — оформление Getcourse 9

Запись прямого эфира

ReSkill — оформление Getcourse 10

Войс-чаты

На этой странице кураторы размещают записи аудио-созвонов с учениками. Ученики смогут еще раз прослушать аудио после созвона.

ReSkill — оформление Getcourse 11

Благодарность за оплату

ReSkill — оформление Getcourse 12

Обратная связь

ReSkill — оформление Getcourse 13

Страница оплаты

ReSkill — оформление Getcourse 14

Мой профиль

ReSkill — оформление Getcourse 15

Вход

ReSkill — оформление Getcourse 16

Регистрация

ReSkill — оформление Getcourse 17

Мобильная версия

ReSkill — оформление Getcourse 18

Было отрисовано порядочно интерфейсных деталей

ReSkill — оформление Getcourse 19
Хочешь такой же результат?
Имя
Контакт для связи
Подробнее о проекте

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