Яндекс Лицей
2025-2026 / Продуктовый дизайнер
Образовательная онлайн-платформа Яндекса, DAU 7000. Школьники бесплатно учатся программированию на Python и JavaScript
8 лет без дизайнера: устаревшие паттерны, визуал не в стиле компании. Под руководством дизайн-лида сделал редизайн кабинетов ученика, преподавателя, админа и родителя
+10%
Рост CSAT
67%
Выбрали тёмную тему
57%
Перешли на новый дизайн
Что было до меня
Лицей существует уже 8 лет, и всё это время дизайн не обновлялся. Продукт разрабатывала и поддерживала только команда разработки, отдельного дизайнера не было
За это время накопились старые композиционные решения и типовые сценарии собирались непривычно
Визуальная часть устарела и не совпападала с общим look & feel Яндекса
Как погружался в продукт
Прошёл сценарии за каждую роль: ученик, преподаватель, админ, родитель. Собрал в FigJam карту пользовательских путей
Параллельно разбирал внутренние тест-кейсы и ходил с вопросами к продакту и тестировщику
Дальше провёл исследование с 7 учениками: дал задания на первой концепции и спросил про проблемы текущего интерфейса
Карта LMS в старом дизайне
Интервью с учеником
Что говорили ученики
Сделайте тёмную ну пожалуйста уже
столько времени просим
Добавьте тёмную тему плз, учиться
будет кайфовее
Учусь ночью, нужна темная тема
чтобы не болели глаза
Что писали ученики
Ограничения
Бэк трогать можно, но нежелательно: переделка добавит времени
и есть риск не уложиться в дедлайн. Поэтому работал в основном
с фронтом и тем, что уже есть в интерфейсе
Экран задачи
Проблема: условие открывалось поверх всего экрана. Студенты не могли видеть условие и писать код одновременно
Решение: разбил экран на панели. Это стандарт IDE и решалок задач: условие, история решений, редактор, чат. Добавил интерактиный делитель, ширину можно менять руками
Виджет активности
Проблема: на странице курса висела статичная иллюстрация со счётчиком «дней в пути». Технически она считала отправленные решения, но из названия и картинки этого не понять
Решение: предложил продакту заменить иллюстрацию на трекер со стриком, по принципу Duolingo. Логика та же: отправил решение, день засчитан
Экран урока
Проблема: в уроке много задач, и старая страница показывала все сразу одним полотном. Чтобы дойти до нужной задачи, ученик скроллил и нужное, и не нужное
Решение: сделал аккордеоны по типу задач и добавил счётчик прогресса у каждой группы. Если группа выполнена, её можно не открывать
Темная тема
В дизайн-системе уже были токены под dark mode. Перевёл по ним макеты, проверил что всё читается, и руками подобрал то, что токены не покрывали: баннеры, фоны материалов
Спроектировал переключатель и пограничные состояния
Правки после релиза
Проблема: после релиза студенты писали, что для работы с кодом не хватает места. В LeetCode и других IDE под код отводится больше пространства
Решение: уменьшил шрифты, ужал отступы, название и метаданные переехали в левую панель. Стало две зоны вместо трёх
Что по итогу
Я присоединился к продукту, который 8 лет жил без дизайнера. Привёл визуальный язык к стандартам Яндекса, пересобрал устаревшие механики и добавил тёмную тему, которую давно просили
Теперь все сценарии покрыты фигма-макетами. В продукте проще разбираться, поддерживать и делать новые фичи
