Highlight

Highlight — одна из крупнейших в Кыргызстане онлайн-академий подготовки к ОРТ (общереспубликанское тестирование — вступительный экзамен в вузы). Платформа объединяет видеоуроки, практику, тесты с разбором ошибок и сопровождение кураторов в единый путь обучения.

Продукт живёт на трёх поверхностях: веб-приложение для учеников, мобильное приложение с тем же функционалом и админ-панель для кураторов. Аудитория — школьники и абитуриенты, которые готовятся к ОРТ и хотят высокий балл для поступления в сильные вузы.

Я был единственным штатным продуктовым дизайнером продукта. Отвечал за дизайн всех трёх платформ и за дизайн-систему, которая их связывала. Дополнительно координировал двух удалённых дизайнеров, которые занимались играми, — подсказывал по визуалу и следил за согласованностью с общей системой.

Начал с фундамента — дизайн-системы. Была реальная проблема с цветами: они применялись непоследовательно, и разработчики не понимали, какой цвет для какой задачи. Я собрал систему variables и colours по модели Untitled UI: семантические переменные (не «синий», а «цвет действия», «цвет ошибки» и т.д.) и библиотеку компонентов.

Главная ценность — система стала общим языком между дизайном и разработкой: разработчики получили однозначные правила, какой токен где применять. Это же позволило держать все три платформы (веб, мобайл, админку) визуально согласованными из одного источника.

Полностью переработал админку кураторов. В старой версии были проблемы с восприятием (свет, контраст), беспорядочное расположение — сайдбары, табы и карточки жили без единой логики, не было консистентности. Я привёл всё к единой согласованной системе на основе новых компонентов.

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

Чтобы поднять вовлечённость учеников, мы добавили игры прямо в платформу. По духу они близки к Duolingo Math: ученик решает математические задачи в игровой форме, а не через сухие тесты. Я отвечал за дизайн игрового опыта и координировал двух дизайнеров, которые их собирали.

Цель была простой — сделать подготовку к ОРТ менее монотонной и дать ученикам повод возвращаться. Игры хорошо зашли: ученики активно в них играли.

Мобильное приложение повторяет функционал веб-версии, но на маленьком экране важна дисциплина. Я привёл его к минимализму и удобству: убрал лишнее, упростил навигацию, оперся на компоненты дизайн-системы, чтобы мобайл и веб ощущались как один продукт.