Оформление личного кабинета для школы криптовалютных инвесторов

Привет, друзья! Хочу поделиться с вами моим новым кейсом по оформлению личного кабинета в GetCourse. Обычно я не занимаюсь созданием дизайна с нуля, так как у нас есть ремейк, в котором уже проработаны многие элементы, и его намного дешевле использовать. Но недавно мне показали дизайн школы, специализирующейся на инвестициях в криптовалюты, и я просто не смог устоять.

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

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

Одной из ключевых особенностей стало отсутствие стандартного левого меню — я заменил его на более компактное и функциональное решение. Меню, которое появляется при клике на аватарку пользователя, содержит только самые необходимые элементы. Также был добавлен поиск по курсам и урокам, что значительно улучшает навигацию.

На главной странице пользователи могут видеть свои доступные курсы, которые подсвечиваются желтым цветом, а недоступные курсы — фиолетовым. Все это автоматически организовано с помощью скриптов, что упрощает управление контентом. К каждому курсу добавлена информация о прогрессе его прохождения, что делает интерфейс еще более информативным.

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

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

Одной из самых интересных страниц стал календарь событий. Здесь автоматически отображаются только предстоящие события, а прошедшие удаляются. У пользователей есть возможность подписаться на события, чтобы получать уведомления о них.

Завершает новый дизайн база знаний с удобной навигацией по глоссарию, где все статьи сортируются автоматически.

Этот проект стал для меня настоящим вызовом и отличным опытом, и я рад, что смог реализовать его на высоком уровне. Если у вас есть вопросы или предложения, пишите в комментарии — буду рад обсудить!