О проекте
Витрина ИТ-продуктов — B2B-платформа, где менеджеры по продажам подбирают ИТ-решения под задачу клиента, собирают из них предложение и делятся им. На витрине несколько типов пользователей: продавец, собирающий предложение; потенциальный заказчик; владелец продукта, который размещает свою карточку.
Роль в проекте
Продукт уже работал, но им пользовались неохотно, и было неясно, где именно ломается путь. Я провела исследование, свела находки в приоритизированный бэклог и спроектировала ключевые флоу — поиск и фильтрацию каталога, карточку продукта, работу с портфелем — и отдельно концепцию ИИ-помощника по подбору. Дизайнер на продукте был один: лид подключался как консультант, решения оставались за мной.
Как искала проблемы
Разложила продукт на слои и прошла его глазами разных пользователей: дизайн-ревью со сверкой с ТЗ, интервью с менеджерами на реальных сценариях, юзабилити-тесты и групповые сессии со стейкхолдерами и подрядчиком. Каждую находку зафиксировала карточкой с источником и зоной ответственности, разметила по влиянию на пользователя — первыми в работу взяли те, что ломали базовые сценарии.
Находки по областям: авторизация, портфель, карточка, навигация
Каждая находка со скриншотом и разметкой по зоне ответственности
Поиск и фильтры
Главная находка: пользователи почти не ищут по фильтрам. Кто знает продукт — вводит название, кто не знает — описывает задачу словами. А блок из семи фильтров занимал половину экрана и прятал каталог.
Фильтры свернула в кнопку, а над каталогом оставила два уровня: быстрые чипы частых категорий на один клик и полный набор по кнопке — для точной настройки. Поиск и каталог поднялись вверх, рядом появился третий вход — ИИ-помощник. Три способа под три сценария.
Отдельно перебрала верх страницы. В старой версии вверху висел переключатель разделов, о котором пользователи не догадывались, — из-за него не находили половину продуктов. Убрала его, а баннер перестроила: три входа встали в ровный ряд, поиск и каталог поднялись выше.
ИИ-помощник
ИИ-помощник закрывает третий сценарий — когда пользователь не знает названия и описывает задачу обычным запросом. Пользователь пишет «чем заменить Jira для команды разработки» — помощник подбирает продукты по базе витрины и показывает карточками в ответе, с переходом в каталог и добавлением в портфель.
Устроен из двух частей: лёгкая входная панель, чтобы спросить, не уходя со страницы, и отдельная страница чата с историей диалогов. Быстрый вопрос между делом и вдумчивый подбор с историей — разные режимы, поэтому разведены.
Чем закончилось
Находки свела в приоритизированную таблицу и карточки в Figma: по ним видно, что ломает базовые сценарии, кто за это отвечает и откуда находка взялась. На их основе сделала редизайн ключевых флоу — верх страницы, поиск и фильтры, карточку продукта и работу с портфелем.
К моему уходу все макеты были отданы в разработку, ИИ-помощник — вместе с ТЗ на входную панель и чат с RAG-поиском по каталогу. Бэклог находок в исходном виде передала дизайнеру, который продолжил продукт.