Что сделано:
#AI-в-дизайне
#UX-Исследования
#Дизайн-процесс
#Дизайн-система
#UI-дизайн
#Figma
Платформа:
Я разработала с нуля концепцию и дизайн образовательной платформы для дизайнеров. Мой фокус был на создании интерфейса, который помогает выбрать курс и мотивирует к покупке через ясность, доверие и доказательство ценности.
Веб-сайт
Веб
Результат:
Пэт-проект:
Образовательная платформа для дизайнеров
Я полностью разработала его концепцию, пользовательские сценарии и интерфейс с нуля, чтобы отточить навыки проектирования сложных цифровых продуктов.
О проекте
- Оценка удобства: опрос пользовотелей
- Успешность сценариев: Процент пользователей, которые находят подходящий курс и доходят до оформления заявки (измерение в юзабилити-тестах).
- Глубина просмотра: Показатель вовлеченности и способности дизайна удерживать внимание.
- Конверсия в покупку: Главная бизнес-метрика, которую должна была улучшить новая структура.
Ключевые метрики для отслеживания успеха
Каталог курсов с умными фильтрами
Страница курса
Задача
- Техническая реализация: Я фокусировалась на дизайне и UX, оставляя тонкости технической реализации за рамками этого кейса.
- Отсутствие команды: Я выступала в роли продакт-менеджера, UX-исследователя и UI-дизайнера одновременно, что требовало строгой самодисциплины в рамках методологии.
- Гипотетический продукт: У меня не было доступа к реальным данным по трафику или A/B-тестам. Все решения я обосновывала исследованиями лучших практик и логикой.
Ограничения:
- Создать убедительный UX. Разработать логику экранов, которая последовательно ведет пользователя от интереса к доверию и решению о покупке.
- Проектирование с нуля. Продумать полный цикл: от анализа аудитории до конечного макета, включая информационную архитектуру и все состояния интерфейса.
- Смоделировать и решить реальную бизнес-задачу. Я поставила перед собой цель — повысить гипотетическую конверсию, проработав боль пользователей: страх ошибиться в выборе и непонимание ценности курса.
Что важно было сделать:
- Наполнила wireframes финальным UI, сделав акцент на визуальной иерархии и расстановке акцентов (кнопки CTA, цена, выгоды).
- Подготовила адаптивные макеты для основных разрешений.
- Я разработала дизайн-систему с нуля: выбрала цветовую палитру, настроила типографику для удобного чтения, создала библиотеку компонентов.
- Нарисовала low-fidelity wireframes для ключевых сценариев, уделив особое внимание логике фильтрации в каталоге и структуре страницы курса.
- Спроектировала, как каждый блок на странице курса будет снимать конкретное возражение пользователя (например, блок о преподавателях — возражение «А смогут ли научить?»).
- Я разработала основные user stories и user flow: от поиска курса до покупки.
- Получила и обработала фидбек, внесла незначительные итерации (например, сделала блок с рассрочкой более заметным).
- Определила целевую аудиторию для платформы: начинающие и практикующие дизайнеры, которые ценят прикладные навыки.
- На основе этого я сформулировала гипотезы о проблемах пользователей: перегруженность каталога, шаблонность страниц курсов.
Визуальный дизайн и создание системы
Проектирование архитектуры и логики
- Я провела удалённое неформальное юзабилити-тестирование макета на 3 знакомых из сферы дизайна, чтобы проверить интуитивность ключевых сценариев.
Валидация и итоговое оформление
- Я провела анализ 5 прямых и непрямых конкурентов, чтобы выделить общие паттерны и точки роста.
Исследование и определение концепции
Решение
Главный вывод для меня:
- Гипотетический результат: Логика проекта, основанная на анализе лучших практик и пользовательских сценариях, позволяет с уверенностью предположить потенциал роста конверсии (CR) и снижение показателя отказов, если бы проект был реализован.
- Опыт end-to-end проектирования: От анализа и концепции до финального UI и прототипа.
- Проработанная UX-логика: Я доказала себе, что могу выстроить интерфейс как цепочку аргументов, ведущую к целевому действию.
Поскольку это пэт-проект, я не могу представить реальные бизнес-метрики. Однако я могу оценить успешность через достижение собственных целей и гипотетические эффекты:
Этот проект стал для меня отличной тренировкой в продуктовом мышлении. Я убедилась, что даже в любом проекте важно задавать правильные «почему» на каждом этапе и проектировать интерфейс не как набор экранов, а как инструмент, решающий проблемы и меняющий поведение пользователя в пользу бизнес-цели.
Что я создала и чему научилась:
- Полностью готовый, детализированный макет ключевых экранов продукта с адаптивностью.
Результат и измеримые эффекты
Портфолио
Разработка корпоративного раздела «Информирование предприятий»
Редизайн раздела "Сообщества" для корпоративных сотрудников
Разработка раздела "Корпоративный арбитраж"
Редизайн главной страницы корпоративного портала «Aura»
