У клиента редко один договор: к нему тянутся дополнительные соглашения и связанные документы. Специалисту нужно найти клиента, увидеть всю структуру целиком и внести правку, не сломав связи.
* Скриншот интерфейса живёт на постоянно светлой подложке — в тёмной теме она слегка притемняется и проясняется при наведении.
Договорная структура сложная, поэтому большинство решений здесь — про то, что показать сразу, а что убрать до первого клика.
Стратегия поиска. Пользователь выбирает, как искать, и уточняет результат фильтрами. Таблицу результатов настраивает под себя.
Честная ошибка сервиса. В карточку клиента интегрировано несколько микросервисов. Если один не отвечает — говорим, какой именно, а не показываем пустую карточку.
Дерево договоров. Связанные документы свёрнуты в стек и помечены иконкой, архивные по умолчанию скрыты. Клик раскрывает ветку.
Правка по блокам. Редактируется один блок, а не весь договор — внимание сфокусировано на изменении, вероятность ошибки ниже. Действия проходят в модальном окне, не уводя с договора.
Специалисты работают с договорами клиентов в едином интерфейсе: поиск, карточка клиента, дерево связанных соглашений и правка по блокам. Состояние системы всегда проговаривается — подсказки, предупреждения и результат операции.
Сценарии передачи документов в банк: написать письмо, получить ответ, посмотреть переписку по конкретному документу. Расширенный поиск, статусы писем, роли составителя и подписанта.
Смотреть кейсУслуга, которая заранее предупреждает клиента о сроках и возможных нарушениях валютного законодательства: карточка услуги в профиле, СМС и почта, подключение ответственных сотрудников.
Смотреть кейсСписок задач, детальная информация, связанные задачи и карточка клиента в одном окне. Руководитель распределяет поток более 2500 задач в день.
Смотреть кейсФильтрация по любому элементу интерфейса, персональная настройка набора фильтров перетаскиванием, быстрый отбор только просроченных задач и сброс всего одним действием.
Смотреть кейсТемы и подтемы запроса с готовым шаблоном письма, все запросы и ответы клиента по документу в одном месте, быстрый просмотр присланных файлов. Гемба, метод мокасин, интервью.
Смотреть кейсПоиск клиента по нескольким стратегиям, карточка клиента и древовидная структура договоров со связанными соглашениями. Единая форма просмотра и редактирования по блокам.
Всё для выполнения задачи — внутри задачи: интегрированный поиск агента с автозаполнением полей, динамическая валидация по всем формам, подсказки для новых сотрудников.
Смотреть кейсПереработка перегруженной формы в пошаговую: на экране только текущий шаг, валидация на переходе, итоговый документ на последнем шаге.
Смотреть кейсЕсли у вас сложный продукт и нужен дизайнер, который разберётся в процессах и доведёт решение до прода — напишите. Отвечаю в течение дня.