1 974

Дизайн личного кабинета для онлайн-курса

Дизайн личного кабинета для онлайн-курса 1

Задача

Cтудия Солнышко 123 обратилась с задачей редизайна текущего личного кабинета для курса по фотографии.

Старый кабинет

Дизайн личного кабинета для онлайн-курса 2
Старый дизайн личного кабинета

Дизайн

Дизайн личного кабинета для онлайн-курса 3
Дизайн личного кабинета для онлайн-курса 4

Список уроков и эфиров разработан так, чтобы ученик мог быстро ориентироваться среди них.

Дизайн личного кабинета для онлайн-курса 5

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

Дизайн личного кабинета для онлайн-курса 6

При клике на урок открывается панель с прогрессом и подстраницами.

С его помощью удобно смотреть что осталось сделать для завершения урока.

Дизайн личного кабинета для онлайн-курса 7

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

Дизайн личного кабинета для онлайн-курса 8

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

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

Дизайн личного кабинета для онлайн-курса 9

Поделиться
Отправить
Линкануть
Вотсапнуть
← К списку проектов