Стандартный кабинет GetCourse превратил в кабинет школы с дорожной картой, умным поиском, избранным и честным прогрессом.
Клиент
Экосистема стандартов бухгалтерского бизнеса
Когда
сентябрь 2026, 3 недели от аудита до запуска
Платформа
GetCourse: компьютер, телефон и приложение
≈700материалов: видео, PDF, таблицы
4уровня вложенности: ступень → шаг → тема → урок
8ключевых решений: от карты пути до избранного
∞довольных учеников в чате школы
кабинет школы на GetCourse
Задача
Ученики не могли найти нужное. Оглавлением служила Google-таблица на сотни строк с подсказкой «ищите через Ctrl+F», поиск находил только точную фразу, прогресс был полоской без смысла.
Решение
Новое оформление поверх штатных страниц GetCourse: карта пути, поиск по смыслу, избранное, кураторы по графику, кнопка «Следующий раздел». Ученики, доступы и тренинги остались на месте.
Результат
Ученик видит, где он на пути, что не сдано и куда идти дальше — не уходя с платформы. В первый же день в чате школы: Теперь мне всё там понятно. Команда меняет баннеры, кураторов и картинки сама, в обычном конструкторе GetCourse.
Было
Шесть отзывов из девяти — про навигацию
Школа прислала отзывы учеников. Почти все об одном: в кабинете трудно найти нужный урок, а с телефона — ещё труднее. Чаще всего в поддержку спрашивали, где лежит тот или иной инструмент.
«Запутываюсь в платформе, много всего»
«Раздел закончился — надо вернуться наверх, и там можно потеряться»
«Можно сделать поисковую строку на главной, чтобы по слову найти материалы»
«С телефона неудобно, оформление как на сайте поликлиники»
былостало
Потяните шторку
Подход
Тёмный кабинет с золотом не прошёл проверку уроком
Школа пришла со своей дизайн-системой: глубокий фиолетовый фон, шампань и золото, шрифт с засечками. Для обложек это красиво, а для кабинета, где учатся годами, нет: формы, комментарии и плеер GetCourse светлые, а аудитории 35+ тёмный текст на светлом читать легче. Оставили фирменный фиолетовый, добавили салатовый для «нажми сюда» и грани-ромбы из их графики.
Первая пробапо палитре школы: тёмный фиолетовый и золото
#C5F04Aсалатовый: главная кнопка, прогресс, «вы здесь»
Manropeзаголовки, номера и процентыOnestтекст уроков и интерфейса
01 · Путь участника
Карта, которая знает, где вы и что не сдано
Программа длинная: 4 ступени, 10 шагов, Совет директоров. Теперь она на одном экране, и каждый шаг покрашен по состоянию: пройден, «вы здесь», впереди, закрыт.
Число на шаге — несданные задания. Нажали — открылся список со ссылками прямо на уроки. Совет директоров и 4 ступень считаются по статусу ученика, а не по урокам.
Путь не заканчивается на 100%: это подписка, и «всё, вы закончили» перед продлением только мешало бы.
Экосистема → дорожная карта
Экосистема → несданные задания
02 · Прогресс
Не процент, а кнопка «Продолжить»
Старый прогресс был полоской: непонятно, что считается и что делать сейчас. Новый — кольцо с процентом, строка «Сейчас: 1 ступень» и салатовая кнопка к следующему уроку.
считаются только уроки с заданием
«Несданные задания» по порядку
полоски на карточках блоков
поздравление после ступени
прогресс видит только сам ученик
03 · Поиск
Поиск, который понимает людей
Штатный поиск GetCourse ищет точную фразу: «стоимость часа» находил 14 уроков, «часа стоимость» — ноль. И прятался в меню без значка.
Теперь строка поиска на виду, а выдача открывается поверх кабинета: находит разные окончания и порядок слов, поднимает совпадения в названии и подсвечивает найденное. Ученик видит только свои материалы.
поиск по урокам, темам и материалам
04 · Навигация и урок
Без тупиков: конец темы ведёт дальше
Вложенность в 4 уровня, а кнопка «Следующий урок» работала только внутри одной темы. Закончил — поднимайся наверх и ищи. Теперь на последнем уроке кнопка ведёт в следующую тему, шаг или ступень, закрытые пропускает. Это ответ на прямую жалобу ученицы.
Урок собран по важности, как попросила школа: видео, файлы крупными кнопками, текст, задание. Метку «Новое» команда ставит прямо в названии урока.
05 · Избранное
Звёздочка, которой в GetCourse нет
Нужный урок из 700 материалов приходилось искать каждый раз заново: закладок в GetCourse нет. Добавили звёздочку в шапку урока и в список уроков, а в меню — панель «Избранное» с группами по программам.
Список общий для всех устройств: отметил на компьютере — урок уже в телефоне и в приложении, убрал — пропал везде. Хранится в профиле ученика в самом GetCourse, без своего сервера.
урок → «В избранное»
06 · Каждый день
Меню, куратор и всё, что под рукой
меню: узкое и раскрытое
Меню, которое не прыгаетУзкое или раскрытое — на выбор: сотрудникам удобнее раскрытое, ученикам узкое. Подменю по клику, внизу «Часто задаваемые вопросы».
Куратор по графикуРасписание смен настраивается на месяц вперёд на отдельной странице. Ученик видит, кто сегодня на связи, и пишет ему в MAX или Telegram.
Порядок вместо 15 кнопокПлитки с иконками, группы сворачиваются. «Продлить доступ» становится салатовой за 2 недели до конца.
Календарь эфиров в кабинетеМесяц, неделя или список, кнопки регистрации и «Добавить в Google Календарь». Команда пишет события обычным текстом, календарь собирается сам.
07 · Телефон и приложение
С телефона — тот же кабинет
С телефона ученики заходят «быстро подсмотреть», а в приложении GetCourse оформление раньше не работало дальше главной. Теперь карта, поиск, уроки и избранное одинаковые в браузере и в приложении. Экраны ниже сняты в приложении GetCourse.
Список тренинговфлагманская программа сверху
Дорожная картанесданные задания раскрываются на месте
Поиск«Усн» — 24 результата с подсветкой
Уроки тренингапрогресс, «Продолжить», звёздочка
Избранноена весь экран, общее с компьютером
Мелочи
Из них и складывается «удобно»
страница входа в стиле школы
всплывающий баннер, который команда меняет сама
метка «Новое» на уроках
страница «Часто задаваемые вопросы»
свои размеры для мониторов 2K и 27″
узкое меню в вебинарной комнате
картинки карточек через сам GetCourse
свой прогресс-бар у каждого тренинга
переход между тренингами без возврата наверх
Страница входа в стиле школы: единые отступы у входа и регистрации, автозаполнение без жёлтой заливки
Для команды
Правки — без разработчика
Кураторы, баннеры, картинки карточек, метка «Новое», события календаря — всё меняется в обычном конструкторе GetCourse. Оформление ничего не переставляет: порядок блоков задаёт сама школа.
Прямо в кабинете лежит инструкция для сотрудников: оглавление, таблица «где что лежит» и готовые блоки, которые копируются одной кнопкой.
После запуска
Что сказали ученики
Школа написала в канале: «Загляните в свой прогресс-бар и напишите, сколько процентов пути вы уже прошли». Ответы — из комментариев и чата участников.
Для дотошных
Как устроено
Поверх GetCourseоформление работает поверх штатных страниц. Не загрузилось — ученик видит обычный кабинет, а не сломанный
Без доп. сервисовизбранное и прогресс работают на возможностях самого GetCourse: без внешних платформ и подписок
Одна системаединая шкала шрифтов, отступов и скруглений вместо 42 случайных цветов старой темы
Четыре средыкомпьютер, планшет, телефон и приложение GetCourse
GetCourse
JavaScript
CSS
UX-аудит
дизайн-система
Обсудить проект
Сделаю такое и для вас
Три коротких вопроса прямо здесь — и заявка у меня. Удобнее голосом или сразу в мессенджере — пишите в Telegram.
1Отвечу в течение днясам, а не бот и не менеджер
2Созвон на 20–30 минутразберём задачу и что уже пробовали
3Прототип или сметачерез несколько дней — видно, за что вы платите
былостало
