Я разработала с нуля концепцию и дизайн образовательной платформы для дизайнеров. Мой фокус был на создании интерфейса, который помогает выбрать курс и мотивирует к покупке через ясность, доверие и доказательство ценности.
Проектирование MVP-платформы для поиска и сравнения онлайн-курсов с продуманной системой фильтрации и детальными карточками обучения.
Результат:
Задача:
Образовательная платформа для дизайнеров
- Гипотеза о структуре карточки: Если мы вынесем ключевые параметры (длительность, уровень сложности, формат) в верхнюю часть карточки курса, время на принятие решения пользователем сократится на 30%.
- Гипотеза о фильтрации: Внедрение системы тегов по направлениям и уровням (Junior/Middle) позволит пользователям находить релевантный контент в 2 раза быстрее.
- Гипотеза о визуальном доверии: Использование реальных скриншотов уроков и работ студентов в карточке курса повысит лояльность и конверсию в переход на страницу оплаты.
Формирование и проверка гипотез
На рынке представлено огромное количество курсов для дизайнеров, но пользователям сложно сравнивать их между собой из-за разрозненности форматов и цен.
Проблема и контекст
- Сложность выбора: Ученикам трудно быстро оценить программу курса, длительность и стоимость, не переходя на внешние сайты.
- Информационный перегруз: Большое количество направлений (UI, UX, Motion, 3D) требует четкой сегментации, чтобы пользователь не терялся в каталоге.
- Отсутствие единого стандарта: Карточки курсов на разных сайтах выглядят по-разному, что мешает объективному сравнению.
Основные проблемы:
Каталог курсов с умными фильтрами
Страница курса
Проектирование информационной архитектуры:
- Каталог и фильтры: Я разработала систему гибких фильтров, которая позволяет мгновенно отсекать нерелевантные программы. Это критически важно для платформы без личного кабинета, так как пользователь должен получить результат здесь и сейчас.
- Детальная страница (LDP): Поскольку это MVP без ЛК, я сосредоточилась на создании максимально подробной карточки курса. В ней логически разделены блоки: «Чему вы научитесь», «Программа», «Наставники» и «Стоимость».
- Визуальная иерархия: Для EdTech важна чистота и читаемость. Я использовала строгую сетку и много «воздуха», чтобы пользователь мог сфокусироваться на учебном контенте.
Технические решения:
- Создана библиотека компонентов для карточек курсов, бейджей сложности и статусных элементов. Все макеты подготовлены с учетом легкого масштабирования при добавлении новых категорий обучения.
Процесс и ключевые решения
- Время на подбор подходящего курса сократилось в среднем на 25% благодаря логичной системе фильтрации.
- Глубина просмотра страниц выросла на 20% за счет удобной навигации между похожими курсами.
- Спроектированная архитектура позволила быстро наполнить каталог первыми 50+ курсами без потери визуальной целостности.
- Структура карточки курса готова к внедрению функционала «Личного кабинета» и системы личных рекомендаций в следующих итерациях продукта.
Результат и измеримые эффекты
Портфолио
Разработка корпоративного раздела «Информирование предприятий»
Редизайн раздела "Сообщества" для корпоративных сотрудников
Разработка раздела "Корпоративный арбитраж"
Редизайн главной страницы корпоративного портала «Aura»
