Пользователям было сложно находить нужный контент внутри раздела. Навигация не учитывала реальные сценарии поиска, а сама структура плохо масштабировалась. В результате пользователи чаще попадали на отдельные материалы через внешние ссылки, чем находили их внутри медиатеки.
Контекст
Необходимо было пересобрать медиатеку в понятный и масштабируемый каталог, где пользователь может быстро находить образовательный контент по интересующим темам, автору и уровню подготовки.
Задача
Я вела проект как единственный дизайнер: проанализировала текущий пользовательский опыт, пересобрала информационную архитектуру, спроектировала ключевые сценарии и подготовила решение к передаче в разработку.
Работу я начала с анализа структуры существующего раздела и пользовательских сценариев взаимодействия с контентом. Основным инсайтом стало то, что пользователи редко приходят в медиатеку просто «посмотреть все материалы». Чаще всего они ищут контент по определённой теме, автору или уровню сложности.
Это означало, что навигация должна строиться не вокруг списка материалов, а вокруг удобной системы фильтрации и тематических категорий.
Это означало, что навигация должна строиться не вокруг списка материалов, а вокруг удобной системы фильтрации и тематических категорий.
[Исследование и анализ]
На основе анализа я пересобрала информационную архитектуру медиатеки и разработала новую систему навигации. Контент был разделён по нескольким логическим уровням. На верхнем уровне появились категории по формату — лекции, подкасты, видеокурсы и другие типы материалов. Внутри каталога была спроектирована система фильтров по темам, авторам и уровню подготовки, которая позволяла быстро сузить выбор и находить релевантный контент.
[UX‑архитектура]
ПРОЦЕСС
По мере роста библиотеки контента медиатека перестала справляться со своей основной задачей
Медиатека masters — один из ключевых разделов образовательной платформы о культуре и искусстве. Часть контента доступна по подписке, поэтому медиатека работает не только как контентный раздел, но и как точка монетизации.
РОЛЬ
UX UI Design
ГОД
2024–2025
САЙТ
Masters media
После редизайна раздел стал удобным инструментом поиска и создал основу для дальнейшего роста библиотеки контента
результат
Редизайн перевёл медиатеку из формата архива в формат рабочего каталога. Система фильтрации помогла быстрее находить образовательные материалы по интересующим темам, а каталог стал удобнее для просмотра.
[Проектирование интерфейса]
После пересборки архитектуры я переработала страницу каталога медиатеки и карточки контента. Карточки контента были упрощены и структурированы так, чтобы пользователь мог быстро понять тему лекции, формат и уровень сложности. Это помогало быстрее принимать решение о просмотре.
[UI‑система и внедрение]
Интерфейс медиатеки был реализован на основе UI-kit, который был разработан для платформы Masters. Это позволило сохранить единый визуальный язык продукта и ускорить работу команды разработки.
Пользователям было сложно находить нужный контент внутри раздела. Навигация не учитывала реальные сценарии поиска, а сама структура плохо масштабировалась. В результате пользователи чаще попадали на отдельные материалы через внешние ссылки, чем находили их внутри медиатеки.
Контекст
Необходимо было пересобрать медиатеку в понятный и масштабируемый каталог, где пользователь может быстро находить образовательный контент по интересующим темам, автору и уровню подготовки.
Задача
Я вела проект как единственный дизайнер: проанализировала текущий пользовательский опыт, пересобрала информационную архитектуру, спроектировала ключевые сценарии и подготовила решение к передаче в разработку.
Работу я начала с анализа структуры существующего раздела и пользовательских сценариев взаимодействия с контентом. Основным инсайтом стало то, что пользователи редко приходят в медиатеку просто «посмотреть все материалы». Чаще всего они ищут контент по определённой теме, автору или уровню сложности.
Это означало, что навигация должна строиться не вокруг списка материалов, а вокруг удобной системы фильтрации и тематических категорий.
Это означало, что навигация должна строиться не вокруг списка материалов, а вокруг удобной системы фильтрации и тематических категорий.
[Исследование и анализ]
На основе анализа я пересобрала информационную архитектуру медиатеки и разработала новую систему навигации. Контент был разделён по нескольким логическим уровням. На верхнем уровне появились категории по формату — лекции, подкасты, видеокурсы и другие типы материалов. Внутри каталога была спроектирована система фильтров по темам, авторам и уровню подготовки, которая позволяла быстро сузить выбор и находить релевантный контент.
[UX‑архитектура]
ПРОЦЕСС
По мере роста библиотеки контента медиатека перестала справляться со своей основной задачей
Медиатека masters — один из ключевых разделов образовательной платформы о культуре и искусстве. Часть контента доступна по подписке, поэтому медиатека работает не только как контентный раздел, но и как точка монетизации.
РОЛЬ
UX UI Design
ГОД
2024–2025
САЙТ
Masters media
После редизайна раздел стал удобным инструментом поиска и создал основу для дальнейшего роста библиотеки контента
результат
Редизайн перевёл медиатеку из формата архива в формат рабочего каталога. Система фильтрации помогла быстрее находить образовательные материалы по интересующим темам, а каталог стал удобнее для просмотра.
[Проектирование интерфейса]
После пересборки архитектуры я переработала страницу каталога медиатеки и карточки контента. Карточки контента были упрощены и структурированы так, чтобы пользователь мог быстро понять тему лекции, формат и уровень сложности. Это помогало быстрее принимать решение о просмотре.
[UI‑система и внедрение]
Интерфейс медиатеки был реализован на основе UI-kit, который был разработан для платформы Masters. Это позволило сохранить единый визуальный язык продукта и ускорить работу команды разработки.