Задача клиента: как объяснить процесс, который никто не понимает
В 2025 году все вокруг говорят про data-driven, AI, автоматизацию, но у большинства компаний есть более приземлённая проблема: люди банально не понимают, как работает их собственный сложный процесс.
К нам обратилась продуктовая команда из b2b-сервиса, который автоматизирует комплаенс-проверки контрагентов для крупного бизнеса. У них был модуль, состоящий из 9 этапов проверки, кучи интеграций с внешними API и системой скоринга на базе машинного обучения.
На бумаге всё выглядело мощно. В реальности — ни сейлзы, ни клиенты, ни топ-менеджмент до конца не понимали, *что именно* происходит “под капотом” и за что они платят.
Нужно было:
1. Показать ценность сложного процесса простым языком.
2. Сократить время объяснений на созвонах с 30–40 минут до 10–15.
3. Подготовить понятный визуал для инвесторской презентации и годового отчёта.
Почему выбрали инфографику, а не “ещё одну презентацию”
Обычные слайды с буллетами уже не работают: в 2025 году у людей выгорание от презентаций. Особенно, когда смотришь десятую за неделю.
Инфографика выигрывает за счёт трёх вещей:
- Мгновенное понимание связей и этапов.
- Возможность показать сложный процесс на одном экране.
- Адаптация под разные форматы: сайт, презентация, отчёт, печать, даже дашборд.
Клиент изначально пришёл именно за “картинкой для презентации”. По факту это превратилось в полноценное создание инфографики на заказ с несколькими версиями под разные сценарии использования.
С чего начали: разбор хаоса по шагам
Сначала мы вообще запретили говорить слово “инфографика” и сосредоточились на сути.
Шаг 1. Карта реального процесса, а не того, что в документации
Мы собрали рабочую группу: продакт, тимлид разработки, человек из комплаенса и сейлз, который “всё продаёт и всё слышит от клиентов”.
За две сессии по 1,5 часа на Miro мы:
1. Разметили все этапы проверки: от загрузки списка контрагентов до финального скоринга.
2. Вытащили скрытые шаги: ретраи запросов к внешним сервисам, ручные проверки в спорных кейсах.
3. Обозначили точки, где принимаются ключевые решения: пороговое значение скоринга, ветвление сценариев, исключения.
На выходе у нас была “сырая” блок-схема из 40+ блоков. Это абсолютно нормальная цифра для разработки инфографики для сложных процессов — сначала всё выглядит монструозно, и это хорошо: значит, мы ничего не потеряли.
Шаг 2. Слои смыслов
Дальше мы разложили процесс по уровням:
- Уровень 1: что видит бизнес — “загрузили — получили результат”.
- Уровень 2: что происходит в системе — API-запросы, очереди, скоринг.
- Уровень 3: что важно для технарей — ретраи, таймауты, логирование, алерты.
Наша задача — сделать так, чтобы на одном визуале:
- Бизнес увидел простую историю.
- Технари — не закатывали глаза от “детского садика” и видели реальную архитектуру.
- Маркетинг мог использовать это как основу для инфографики для презентаций и отчетов заказать без постоянного участия разработчиков.
Концепция: многоуровневая “метро-карта” процесса
После трёх эскизов мы остановились на формате, который клиент назвал “метро-комплаенс”:
- Горизонтальная линия — основной путь заявки от входа до результата.
- Вертикальные “ветки” — параллельные проверки и фоновые процессы.
- Узлы — ключевые решения и точки риска.
Такой макет хорошо масштабируется и интуитивно понятен, даже если смотреть на экране смартфона.
Технический разбор: почему выбрали именно такую структуру
- Ограничение по длине: максимум 1920 px по ширине, чтобы влезало на экраны стандартных ноутбуков без горизонтальной прокрутки.
- Модульность: каждый “узел” процесса — отдельный блок, который можно показать/скрыть в интерактивной версии.
- Цветовой код:
- синий — автоматические действия системы;
- жёлтый — ручные проверки;
- красный — риски и “узкие места”;
- зелёный — точки, где создаётся бизнес-ценность.
Технически мы сразу закладывали экспорт в несколько форматов:
PNG для презентаций, SVG для сайта, анимация в JSON (Lottie) для интерактивной версии.
Как мы “ужали” 40+ шагов в понятную инфографику
Здесь начинается самая сложная часть: не нарисовать красиво, а *выбросить лишнее*.
Три уровня детализации
Мы собрали три версии:
1. High-level (8 блоков) — для топ-менеджмента и инвесторов.
2. Средний уровень (15 блоков) — для сейлзов и клиентов на демках.
3. Детальный (30+ блоков) — для технарей и внедренцев.
По сути, это одна и та же инфографика, но с разной степенью “зумирования”.
При печати в отчёт они использовали средний уровень. В дашборде для внутренней команды — детальный. А в питч-деке инвесторам — самый верхнеуровневый.
Технический блок: как мы реализовали многослойность
- Базовый макет собирали в Figma с жёсткой сеткой по 8 px.
- Каждый слой (уровень детализации) — отдельная группа фреймов с общими координатами.
- Использовали компоненты для повторяющихся элементов: API-запрос, очередь, ручная проверка, автоматическое решение.
- Для интерактивной версии передали структуру в фронтенд-команду клиента в виде JSON-описания узлов и связей.
Итог: один исходный проект, три визуальных продукта без дублирования работы.
Реальные цифры: что изменилось после внедрения
Через три месяца после релиза инфографики клиент замерил эффекты:
1. Время первичного объяснения продукта на демо-созвонах сократилось с 35 до 14 минут в среднем.
2. Количество уточняющих вопросов “а что у вас происходит вот здесь?” снизилось на 47% (данные CRM, пометки сейлзов).
3. При согласовании пилотных проектов юридические отделы заказчиков стали запрашивать *меньше* дополнительных схем и описаний — время согласования договоров сократилось в среднем на 5 рабочих дней.
4. Инвесторская презентация с новой визуализацией получила +32% времени просмотра на ключевом слайде (по данным сервиса отслеживания презентаций, где считывается вовлечённость).
И, неочевидный бонус: продакт-команда сама стала лучше понимать свой собственный процесс, увидела узкие места и через два месяца переработала два этапа проверки, уменьшив среднее время обработки заявки на 18%.
Тренды 2025 года: почему без качественной инфографики уже тяжело
Сейчас в бизнесе сформировались несколько устойчивых трендов, которые напрямую бьют по тому, *как* мы объясняем сложные вещи.
1. Переход от “слайдов с текстом” к визуальным сценариям
В 2025 году даже корпоративные клиенты ожидают не просто презентацию, а визуальный сторителлинг: историю, где процесс не только описан, но и *показан* — с ветвлениями, исключениями, примерами.
Просто написать “мы проверяем контрагента по 200+ параметрам” уже никого не впечатляет. Нужна наглядность: где эти параметры появляются, как обрабатываются, как система принимает решение.
2. Интерактивная инфографика вместо статических схем
Статичные изображения по-прежнему важны, но стандарт уже сместился:
- Кликабельные узлы с раскрывающимися деталями.
- Встраивание инфографики прямо в личный кабинет или дашборд.
- Анимация, которая показывает, как “бежит” заявка по процессу.
В нашем кейсе фронтенд-команда клиента подключила интерактив: при клике на узел в интерфейсе системы пользователи видят краткое описание шага и метрики (например, среднее время прохождения узла). Это усилило эффект от наших услуг по визуализации данных и инфографике: процесс стал не только понятным на слайдах, но и “живым” внутри продукта.
3. Инфографика как элемент бренд‑системы
Раньше инфографика была разовым артефактом “под отчёт” или “под выступление”. Сейчас компании всё чаще идут в сторону единого визуального языка процессов:
- единая форма блоков и стрелок;
- стандартизированные цвета ролей и статусов;
- повторяющиеся паттерны для API, очередей, ручных задач.
В результате любая новая схема “чувствуется” как родная. В нашем кейсе клиент потом передал наш гайд внутренней студии инфографики для бизнеса, и они стали рисовать все новые процессы по этой системе — от онбординга клиентов до внутреннего IT-саппорта.
Практика: как мы упаковали сложный процесс в работающий инструмент
Чтобы не утонуть в теории, разложу конкретно, что мы сделали по шагам.
7 шагов нашего подхода
1. Глубокое интервью с командой.
Вытащили неформальные шаги, исключения, реальные сценарии, а не только официальную документацию.
2. Черновая карта процесса.
Использовали Miro, связали все шаги, отметили интеграции и точки принятия решений.
3. Определение аудиторий.
Для кого это: топ-менеджмент, сейлзы, клиенты, технари. У каждой — свой порог детализации.
4. Выбор визуальной метафоры.
“Метро-карта” выиграла у классической блок-схемы и “конвейера”, потому что лучше отражала параллельные ветки проверок.
5. Дизайн-система инфографики.
Цвета, формы, иконки, типографика — чтобы легко поддерживать и масштабировать её дальше.
6. Многослойность и адаптация под форматы.
Сделали версии для печати, презентаций, сайта и интерфейса продукта.
7. Валидация с пользователями.
Дали сейлзам и внедренцам прогнать инфографику на реальных встречах, собрали фидбек, доработали спорные места.
Технический блок: на чём всё держится
- Использовали Figma как исходную точку правды: там хранились все версии и компоненты.
- Экспортировали статичные версии в PNG и SVG под разные разрешения.
- Для команды разработки подготовили:
- отдельный слой с координатами узлов;
- JSON-структуру связей;
- текстовые описания для подсказок в интерфейсе.
- Заложили возможность локализации: вся текстовая часть вынесена отдельными сущностями, а не “заплавлена” в графику.
Где ещё это сработает: похожие кейсы
То, что мы сделали для комплаенса, отлично переносится на другие области:
- Финтех: онбординг клиентов, KYC, скоринговые модели.
- Логистика: цепочка поставок с несколькими контрагентами и режимами доставки.
- MarTech: сложные сценарии триггерных рассылок и сегментации.
- PropTech и девелопмент: процессы согласования, проектирования, ввода в эксплуатацию.
Любой процесс, который сейчас описан на 20 страницах текста, можно превратить в 1–2 понятные инфографики и тем самым снять напряжение у команд продаж, внедрения и поддержки.
Вывод: инфографика — это не “картинка к отчёту”, а часть архитектуры продукта
Кейс с комплаенс‑процессом показал важную вещь: хорошая инфографика меняет не только презентации, но и поведение людей вокруг продукта.
- Сейлзы начинают объяснять проще.
- Клиенты быстрее принимают решения.
- Внутренние команды лучше видят узкие места.
- Топ-менеджмент перестаёт опираться только на “чувства” и видит реальную структуру.
В 2025 году делать сложные сервисы без визуализации процессов — роскошь, которую мало кто может себе позволить. Поэтому создание инфографики на заказ перестало быть “приятным дополнением” и стало нормой, особенно когда речь идёт о сложных b2b‑продуктах.
Если обобщить, хорошая инфографика отвечает на три вопроса:
1. Что происходит?
2. Где создаётся ценность?
3. Где риски и узкие места?
Если ваши схемы сейчас не дают этих ответов за 10–15 секунд взгляда — это хороший сигнал задуматься, как перезапаковать процессы с опорой на современные практики и профессиональные инструменты визуализации.
