See my CV

Каталог программ

Один из ключевых экранов мобильного приложения. Здесь пользователь выбирает, чему учиться дальше, сравнивает варианты и принимает решение о покупке. От его структуры и логики напрямую зависят конверсия и глубина просмотра

Команда
Product designer, Product manager, Front-End, Back-End
Длительность
5 месяцев
Моя роль
Product designer, UX Researcher
Метрики
Conversion Rate, Courses Viewed per Session
Проблема
Каталог перестал справляться с ростом продукта и бизнес-задач. Пользователям было сложно ориентироваться в курсах, находить нужные программы и понимать ценностное предложение
Бизнес цели
Мы синхронизировались с владельцами направлений, чтобы учесть приоритеты развития на 3–5 лет и встроить редизайн в долгосрочную стратегию развития каталога
Рост конверсии в запись на курс
Увеличить долю пользователей, которые переходят от просмотра каталога к записи или покупке курса
Повышение эффективности маркетинговых кампаний
Увеличить CTR и конверсию промо-активностей без ухудшения пользовательского опыта.
Поддержка стратегических направлений роста
Усилить видимость приоритетных категорий

01

ИССЛЕДОВАНИЕ

На этом этапе мы собрали и структурировали все данные о текущем состоянии продукта. В основе — отзывы студентов, обратная связь от команды и моя продуктовая экспертиза

Кастдев
Мы провели серию глубинных интервью с пользователями, оценивая восприятие текущего каталога. Во время бесед изучали не только реакцию на дизайн, но и на контекст использования мобильного приложения
Ложные ожидания от бесплатных курсов
Пользователи воспринимали заголовки и входы в бесплатный каталог буквально. Когда внутри оказывались платные курсы, это вызывало разочарование и подрыв доверия к продукту
Перегруженность и дублирование
Повторяющиеся блоки с похожим контентом создавали ощущение хаоса и мешали быстро принять решение
Неясность текущих акций
Пользователи не понимали, какие промо-активности актуальны, и часто напрямую спрашивали об этом, не находя ответ в интерфейсе
Сложность фильтрации
Поиск курса воспринимался как трудоёмкий процесс: пользователи не доверяли фильтрам и предпочитали скроллить вручную
Обратная связь
Мы изучили существующие отзывы студентов, чтобы понять, какие экраны и действия вызывают наибольшее количество вопросов и затруднений
User 1
«Я кликнул на бесплатные курсы, а они оказались платными — это ощущается как обман»
User 2
«Фильтры вроде есть, но я не понимаю, как ими пользоваться.»
User 3
«Я не понимаю, какие сейчас акции и есть ли они вообще.»
User 4
Course filtering didn't work well and I couldn't find the courses I needed, so I had to spend a lot of time searching.
Анализ метрик
Метрики позволили оценить масштаб проблем, определить приоритеты и понять, какие зоны интерфейса сильнее всего влияют на бизнес-результаты
Высокий Time to Course Selection
Пользователи тратили много времени на поиск курса, что указывало на проблемы
с навигацией и фильтрацией
Отказы после входа в бесплатный каталог
После перехода на страницу с анонсом бесплатных курсов фиксировалось увеличение отказов и отмена регистрации
Низкое использование фильтров
Значительная часть пользователей либо не использовала фильтры вовсе, либо бросала поиск на середине процесса
Неэффективность дублирующих блоков
Поведение пользователей показывало, что повторяющиеся блоки не усиливают сценарий выбора, а наоборот — замедляют его

02

Формирование гипотез

На основе качественного исследования и анализа метрик мы сформулировали несколько гипотез, которые направлены на улучшение пользовательского опыта при использованиикаталога

Гипотеза 1
Если перестроить каталог в более структурированную и иерархичную модель, убрав дублирование и усилив навигацию, пользователи будут быстрее находить подходящие курсы
Ожидаемый эффект
Снижение Time to Course Selection, Рост глубины просмотра курсов, Увеличение Conversion Rate
Гипотеза 2
Если сократить количество фильтров, упростить их логику и привести её в соответствие с веб-версией, пользователям будет проще находить нужные курсы
Ожидаемый эффект
Рост использования фильтров, сокращение времени поиска, повышение удовлетворённости пользователей
Гипотеза 3
Если сделать вход в бесплатный каталог отдельным и однозначным, пользователи будут точнее понимать, какой контент они открывают
Ожидаемый эффект
Снижение отказов после перехода, рост доверия к интерфейсу, уменьшение негативной обратной связи
Гипотеза 4
Если добавить возможность сохранять курсы в «Избранное», пользователи смогут быстрее возвращаться к ранее выбранным вариантам
Ожидаемый эффект
Сокращение повторного поиска, рост возвращаемости к курсам, повышение лояльности пользователей
Гипотеза 5
Если интегрировать ограниченное количество релевантных баннеров в каталог, не нарушая основной сценарий выбора курса, это повысит вовлечённость и конверсию
Ожидаемый эффект
Рост кликов по промо-курсам, повышение конверсии в просмотр курсов, улучшение информированности пользователей

03

Исследование конкурентов

Перед тем как проектировать и внедрять баннеры в каталоге, мы изучили, как этот инструмент используют конкуренты. Целью было понять, насколько баннеры оправданы с точки зрения пользовательского опыта, какие задачи они решают и какие риски несут

How competitors work with banners
Преимущества

Тут что-то написать
Быстрое и недорогое внедрение
Баннеры требуют меньше ресурсов по сравнению с разработкой новых продуктовых функций
Охват большой аудитории
Баннеры видит значительная часть пользователей прямо на экране каталога
Мгновенная передача ключевого сообщения
Основное предложение считывается сразу, без дополнительных действий со стороны пользователя
Гибкость
Контент баннеров можно быстро менять под текущие маркетинговые задачи
Долгий жизненный цикл
Баннеры могут оставаться актуальными без частых изменений дизайна
недостатки
тут что-то написать
Негативное восприятие при переизбытке рекламы
Чрезмерное количество баннеров может снижать доверие к продукту и бренду
Баннерная слепота
Пользователи часто игнорируют рекламные блоки, особенно если они выглядят навязчиво
Ограниченный размер
Небольшая площадь баннера не позволяет передать сложные или объёмные сообщения
What can we implement in our app

04

Тестирование и валидация гипотез

Мы перешли к проверке гипотез, сформулированных на основе анализа и предыдущего UX-теста. Цель этапа — убедиться, что новые решения улучшают навигацию, поиск курсов и восприятие каталога пользователями

UX-тест
Прототип позволил проверить общую логику и иерархию экрана:
как пользователи ориентируются, считывают приоритеты и переходят
к ключевым действиям.
Выводы
Тестирование показало, что выбранная структура каталога со множеством точек входа воспринимается пользователями как понятная и логичная.

05

Сборка финального UI

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

06

Результаты

После внесённых изменений в дизайн главного экрана мы провели анализ ключевых метрик, чтобы оценить влияние редизайна. Результаты рост по всем основным показателям:

Metrics
Product designer, Product manager, Front-End, Back-End
Metrics
4 месяца
Made on
Tilda