Единый стиль
Собрать визуальную систему для ключевых экранов образовательной платформы.
КЕЙС · GETCOURSE
Оформление
GetCourse
для GOTRADEBOT
Дизайн учебной платформы: личный кабинет, страницы курсов и уроков, карточки программ и единая визуальная система.
GETCOURSE
01
ЗАДАЧА
Запрос клиента
Заказчик обратился с задачей оформить GetCourse в технологичном стиле бренда: светлый интерфейс, яркий фиолетовый акцент, понятная навигация и крупные карточки обучения.
Удобная структура
Сделать курсы, уроки и сервисные ссылки быстро считываемыми.
Карточки обучения
Оформить модули и уроки в едином формате с понятными статусами.
Аккуратная подача
Сохранить пропорции, визуальную иерархию и чистоту интерфейса.
02
ВИЗУАЛЬНОЕ РЕШЕНИЕ
Технологичный интерфейс
без перегруза
В основе дизайна — светлый фон, насыщенный фиолетовый, белые карточки и точечный оранжевый акцент. Графика с роботом поддерживает тему автоматизации и торговли.
#5834D8
#F6A700
#FFFFFF
#E9EEF1
#17171C
Форма входа минимум отвлекающих деталей
03
СТРАНИЦА КУРСА
Страница курса
и уроки
На первом экране — баннер курса и быстрые ссылки. Ниже — крупные карточки уроков с номером, названием, статусом и заметной кнопкой запуска.
Что было важно
- понятная иерархия экрана
- единый размер карточек
- акцент на доступности урока
- сервисные кнопки всегда рядом
04
СТРАНИЦА УРОКА
Урок как
рабочее пространство
Контент собран в последовательный сценарий: название → видео → материалы → домашнее задание → отправка ответа.
РЕЗУЛЬТАТ
Ученик видит главное действие на каждом этапе и не теряется между материалами и заданием.
05
МОИ КУРСЫ
Карточная система
для масштабирования
Раздел «Мои курсы» построен на повторяемых карточках. Такой принцип позволяет добавлять новые программы, сохраняя единый вид и понятную навигацию.
Система карточек
Обложка, название, количество уроков и единая CTA-кнопка. Сетка остаётся аккуратной при росте количества курсов.
РЕЗУЛЬТАТ ПРОЕКТА
Цельный интерфейс GetCourse, готовый к обучению и развитию
Задача выполнена в срок. Ключевые страницы платформы получили единый визуальный язык: от входа и списка курсов до урока и домашнего задания.
4 ключевых экрана
1 единая дизайн-система
100% соблюдены пропорции
