Редизайн навигации RetailCRM и конструктор триггеров

Моя роль
Продуктовый дизайнер
Статус проекта
Продукт выпущен и продолжает развиваться на международном и российском рынках
Интерфейс RetailCRM: список заказов на десктопе и чат с покупателем в мобильной версии

RetailCRM помогает интернет‑магазинам вести заказы, общаться с покупателями, запускать рассылки и связывать сервисы между собой.

Я работал продуктовым дизайнером: вместе с продуктовой командой проектировал новые функции и улучшал существующие.

Было: прежний интерфейс списка заказов RetailCRM с горизонтальным меню
Было
Стало: новый список заказов с боковой навигацией и фильтрами
Стало

RetailCRM — не просто база клиентов, а рабочая среда для интернет‑магазина: заказы, коммуникации, товары, аналитика, настройки и десятки связанных процессов. Операторы могли проводить в системе до девяти часов в день. Они знали, где что находится, и действовали быстро. Даже полезное изменение мешало бы им, если бы заставляло заново искать привычные функции.

Когда я присоединился к команде, продукт был функционально сильным, но интерфейс рос быстрее, чем его структура. Экраны становились перегруженными, новым клиентам требовалось обучение, а добавление функций усиливало накопленные UX‑проблемы.

  • 36 млн/год Число заказов
  • 51 тыс. Пользователей
  • 25 тыс. Точек продаж
  • 651 млрд ₽/год GMV (~20% рынка за рамками маркетплейсов)
  • 36 млн/год Диалогов в мессенджерах

Новая навигация

Начал с навигации. Чтобы увидеть текущую архитектуру целиком, перенёс в Miro каждый пункт меню. Получилось внушительное дерево.

Чтобы понять, что не так с этой структурой, составил CJM: отметил путь пользователя, его боли и вопросы и что с ними можно сделать.

Дерево текущей навигации RetailCRM в Miro
CJM: путь пользователя, боли, вопросы и возможные решения

Запросил у аналитиков статистику по разделам системы: какими пользуются часто, какими реже. Разложил данные по когортам пользователей и сравнил, что у них общего.

По итогам часть разделов переименовали: «Операционная деятельность» стала «Продажами», а «Администрирование» — «Настройками». «Чаты» и «Задачи» вынесли в главное меню: этими разделами активно пользовались, но до редизайна они прятались на втором уровне.

Новая навигация: разделы «Продажи», «Чаты», «Задачи» и «Настройки» в главном меню

Мы провели две волны тестирования: проверяли, находят ли люди знакомые функции и понимают ли новые группы. После первой волны изменили структуру и проверили её снова.

Переход сделали постепенным: предупредили пользователей, добавили подсказки и следили за обращениями в поддержку. По оценке продуктовой команды, уходов клиентов из‑за новой навигации не зафиксировали; вопросы о поиске разделов прекратились через три‑четыре недели.

Экран перехода на новую версию системы со списком новинок

Конструктор триггеров и интеграции

Ещё я проектировал конструктор триггеров, модуль маркетинговых рассылок и настройку интеграций. В них пользователи собирали правила из событий, условий и действий или связывали RetailCRM с другими сервисами.

Такие настройки легко превратить в длинную форму с техническими параметрами. Я выстраивал порядок шагов, группировал связанные настройки и продумывал случаи, когда правило заполнено не до конца или конфликтует с другим. Пользователь должен понимать, что он настроил и что произойдёт дальше.

Конструктор триггеров: события, условия и действия

Дизайн‑система Omnica

Продукт рос, и понадобились общие правила интерфейса. Я участвовал в создании Omnica — дизайн‑системы, которая помогала дизайнерам и разработчикам согласованно выпускать новые модули.

Дизайн‑система Omnica: кнопки, типографика, поля ввода, навигация и другие компоненты

Результат

В RetailCRM я перерабатывал навигацию, проектировал конструктор триггеров, рассылки и настройку интеграций, участвовал в создании дизайн‑системы Omnica. Новую навигацию проверили в двух волнах тестирования и выпустили постепенно, а вопросы о поиске разделов прекратились через три‑четыре недели.