Сайт обновляется, чтобы стать удобнее;
Некоторый контент может быть временно недоступен.
Некоторый контент может быть временно недоступен.
[E-com]
[UI/UX]
[User Research]
[Prototypes]
[Адаптация]
[Метрика]
[Design system]
Maihong.ru
Цели:
- Упростить поиск оборудования
- Дать пользователю больше информации для выбора
- Увеличить конверсию заявок и продажи
- Перевести сайт на новую CMS (Bitrix) для масштабирования
Критерии успеха:
- Рост конверсии в заявку
- Улучшение Retention и соотношения MAU/DAU
- Увеличение дохода от клиента
Основные проблемы старого сайта:
- Построен на Tilda, не выдерживал большие объёмы данных
- Отсутствовала структура каталога и карточек товаров
- Пользователи не получали достаточной информации
- Визуально устаревший интерфейс
Сайт-каталог по продаже тяжелого оборудования для обработки металла.
Задача — сделать удобный инструмент для поиска и выбора оборудования, сохранив фокус на аудитории B2B.
Задача — сделать удобный инструмент для поиска и выбора оборудования, сохранив фокус на аудитории B2B.
Детали пользовательских интервью и конкретные продуктовые метрики находятся под NDA, поэтому в кейсе приведены только обобщённые выводы.
Я проанализирована 9 компаний-конкурентов и вывела данные в сводный анализ. В ходе исследования стало ясно, что в отрасли есть определённые стандарты, которые помогают пользователям быстрее находить и выбирать оборудование.
Это было важно учесть при разработке сайта.
Это было важно учесть при разработке сайта.
Бенчмаркинг:
В рамках проекта организовала серию глубинных интервью (20 участников из целевой аудитории). На основе их ответов появились гипотезы о том, какие функции и сценарии могут быть важны пользователям. Было особенно ценно, что исследование открыло неожиданные инсайты, о которых команда раньше не задумывалась.
Пользовательские интервью и гипотезы:
Разработала пользовательские сценарии: ключевой — заявка на консультацию у менеджера, и несколько второстепенных (поиск оборудования, расчет лизинга, заявки на сервис). Визуализировала их в виде user flow, чтобы выявить барьеры и лишние шаги. Это помогло сфокусировать гипотезы и требования к сайту.
Разработка пользовательских сценариев:
На основе исследовательских данных и пользовательских сценариев создала вайрфреймы — структурные прототипы страниц без визуального оформления.
Это помогло сфокусироваться на логике взаимодействия, навигации и ключевых точках пользовательского пути до перехода к дизайну.
Это помогло сфокусироваться на логике взаимодействия, навигации и ключевых точках пользовательского пути до перехода к дизайну.
Начало проектирования:
Секции с архивными компонентами, UI-kit'ом и модальными окнами
Разработанные страницы
На финальном этапе я завершила проектирование всех интерфейсных решений — от базовых страниц до сложных интерактивных элементов, создав комплексную дизайн-систему с полным UI-китом, который теперь служит единым источником для дизайнеров и разработчиков компании, обеспечивая консистентность и ускоряя процесс создания новых функциональных модулей.
Отдельными документами были прописаны спецификации к элементам.
Отдельными документами были прописаны спецификации к элементам.
Финальные доработки и подготовка к проду:
После выгрузки тестовой сборки я проводила детальную сверку реализации с дизайн-макетами, фиксируя любые визуальные, функциональные и логические расхождения для последующего исправления.
Дизайн-ревью:
