«Orion»
для CRM
Каталог
UX/UI
Создали новый интерфейс каталога оборудования, который обеспечивает быстрый и удобный подбор устройств. Новый каталог позволяет легко фильтровать устройства по характеристикам
Создать удобный интерфейс каталога оборудования для клиентской части CRM-системы, который позволяет клиентам самостоятельно подбирать устройства и добавлять их в корзину
Решение
Задача
Проблема
Каталога не было вообще, пользователи подбирали устройства вручную через таблицы
- Сложный поиск устройств по характеристикам
- Не было возможности сравнивать модификации устройств
- Отсутствовала кастомизация конфигурации устройства
[01]
Сбор данных и анализ
Сбор данных и анализ
Анализ конкурентов
Что было сделано:
- Аналоги на рынке
- Анализ текущего интерфейса каталога
- Бенчмаркинг решений конкурентов
Инсайты
💡Пользователи хотят иметь несколько вариантов отображения каталога в зависимости от задачи: лаконичный, интуитивная навигация, фокус на ключевых сценариях
💡Фильтрация должна быть гибкой, с возможностью скрытия панели фильтров
💡Нужна возможность кастомизации комплектации через конфигуратор
💡 Важно быстро сравнивать модификации устройств на одном экране
💡Фильтрация должна быть гибкой, с возможностью скрытия панели фильтров
💡Нужна возможность кастомизации комплектации через конфигуратор
💡 Важно быстро сравнивать модификации устройств на одном экране
[02]
прототипы и дизайн
прототипы и дизайн
Прототипы
Создала интерактивные прототипы в Figma, чтобы протестировать:
Провела защиту решений перед клиентом, обосновав выбор интерфейсов и функционала.
- Переключение между вариантами отображения
- Фильтрацию
- Просмотр модификаций
- Работу конфигуратора
Провела защиту решений перед клиентом, обосновав выбор интерфейсов и функционала.
дизайн каталога
Каталог был реализован в трех состояниях:
Карточки — для быстрого ознакомления с устройствами
Таблица — для сравнения характеристик
Список — для компактного отображения с акцентом на текстовые параметры
Переключение между вариантами происходит с помощью кнопок над каталогом.
Фильтрация
Гибкая фильтрация по стоимости, моделям, характеристикам
Возможность скрывать фильтры для экономии пространства
Динамическое отображение количества найденных моделей
Модификации
Каждое устройство имеет несколько модификаций с разными параметрами.
Реализован быстрый просмотр модификаций прямо в каталоге
Для каждой модификации указаны ключевые характеристики
Конфигуратор
Кнопка "Конфигуратор" позволяет собрать кастомную комплектацию устройства с учетом нужных параметров (аккумулятор, модуль сканирования, UHF и т.д.)
Карточки — для быстрого ознакомления с устройствами
Таблица — для сравнения характеристик
Список — для компактного отображения с акцентом на текстовые параметры
Переключение между вариантами происходит с помощью кнопок над каталогом.
Фильтрация
Гибкая фильтрация по стоимости, моделям, характеристикам
Возможность скрывать фильтры для экономии пространства
Динамическое отображение количества найденных моделей
Модификации
Каждое устройство имеет несколько модификаций с разными параметрами.
Реализован быстрый просмотр модификаций прямо в каталоге
Для каждой модификации указаны ключевые характеристики
Конфигуратор
Кнопка "Конфигуратор" позволяет собрать кастомную комплектацию устройства с учетом нужных параметров (аккумулятор, модуль сканирования, UHF и т.д.)
