SELECTED WORKS STATUS: DRAFT
B2B SAAS СТРОЙКА / ЛОГИСТИКА WEB + MOBILE 2024–2025

ГИС.ОНЛАЙН / LEAD PRODUCT DESIGNER

ГИС: ИЗ «МЁРТВОЙ»
ПЛАТФОРМЫ В B2B SELF-SERVICE

B2B-платформа для строительных компаний, где весь цикл жил офлайн: закупка материалов, отгрузки, документы и взаиморасчёты.

За 1,5 года: перенесли ключевые клиентские процессы из звонков и почты в продукт — без попытки притвориться, что сложного бизнеса и ручных этапов не существует.

01 / ПРОБЛЕМА

ЦИФРОВОЙ ПРОДУКТ БЫЛ, А РАБОЧЕГО СЦЕНАРИЯ — НЕТ.

В платформе можно было посмотреть продукцию и скачать КП. А дальше начиналась реальная работа: согласовать скидку, оформить доставку, получить счёт, уточнить статус, найти документы. Всё это по-прежнему происходило через звонки, почту и менеджеров.

Интерфейс существовал рядом с процессом, но не был его частью.
02 / ЗАДАЧА

НЕ «ОБНОВИТЬ ИНТЕРФЕЙС». А СДЕЛАТЬ ТАК, ЧТОБЫ В НЁМ МОЖНО БЫЛО РАБОТАТЬ.

Перенести ключевые B2B-сценарии в продукт и при этом не игнорировать реальный бизнес, где часть операций всё ещё зависит от менеджера, процессинга, логистики и бухгалтерии.

Self-service должен был убрать ручную координацию для клиента, а не людей из процесса.
03 / РЕШЕНИЕ

ПЕРЕСОБРАТЬ ПЛАТФОРМУ ВОКРУГ РЕАЛЬНОЙ РАБОТЫ КЛИЕНТА.

За 1,5 года ключевые процессы связали в один понятный сервис. Ручные этапы не исчезли — они стали прозрачными состояниями внутри продукта.

ОБЪЕКТФИНАНСЫЗАКАЗДОСТАВКА / САМОВЫВОЗОТГРУЗКАДОКУМЕНТЫ
ИСХОДНАЯ ТОЧКА

НАДО БЫЛО ПОНЯТЬ, ЧТО ИМЕННО СЛОМАНО

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

Соберите мне заказ по этому КП.

Буквальный рабочий процесс до старта проекта: платформа была витриной продукции, а не инструментом.
ДЛЯ КОГО ПРОЕКТИРОВАЛИ

ТРИ СЕГМЕНТА —
ТРИ ТОЧКИ ВХОДА
В ПРОДУКТ

Перед проектированием собрали стратегический контекст: модель монетизации B2P, стратегия привлечения офлайн-клиентов и сегментация по Job Stories. Это определило приоритеты роадмапа — какой функционал делать первым и для кого.

Главный транзакционный flow строили вокруг снабженца. Сметчик и руководитель проекта задавали соседние сценарии и архитектуру продукта.

сегмент 01

СНАБЖЕНЕЦ

«Когда я получаю заявку на закупку, я хочу быстро найти поставщика с прозрачными условиями, чтобы своевременно обеспечить объект материалами.»

КОРЗИНА + ОТГРУЗКА
сегмент 02

СМЕТЧИК

«Когда я составляю смету, я хочу иметь доступ к актуальным ценам и характеристикам материалов, чтобы обеспечить точность расчётов.»

КАТАЛОГ + КП
сегмент 03

РУКОВОДИТЕЛЬ ПРОЕКТА

«Когда я управляю стройкой, я хочу быть уверен в надёжности поставок и видеть финансовую картину, чтобы избежать задержек и штрафов.»

ФИНАНСЫ + УВЕДОМЛЕНИЯ
JOBS MAP / ЧТО ДОЛЖЕН УМЕТЬ ПРОДУКТ

JOBS

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

СНАБЖЕНЕЦ / СМЕТЧИК
01

ПОДГОТОВИТЬ ЗАКУПКУ

  1. Найти нужные материалы
  2. Проверить характеристики и документы
  3. Получить актуальную цену / КП
  4. Собрать корзину под конкретный объект
  5. Получить / запросить скидку
СНАБЖЕНЕЦ
02

ОФОРМИТЬ ЗАКАЗ И ПОЛУЧЕНИЕ

  1. Оформить заказ
  2. Выбрать доставку или самовывоз
  3. Передать данные объекта и въезда
  4. Передать данные приёмщика / водителя
  5. Получить счёт после проверки заявки
СНАБЖЕНЕЦ / РУКОВОДИТЕЛЬ
03

КОНТРОЛИРОВАТЬ ПОСТАВКУ

  1. Понять статус заказа
  2. Увидеть состав отгрузки
  3. Проверить машины и детали доставки
  4. Найти документы по заказу и машине
  5. Понять, когда поставка будет на объекте
РУКОВОДИТЕЛЬ
04

ДЕРЖАТЬ ОБЪЕКТ ПОД КОНТРОЛЕМ

  1. Видеть картину по объекту
  2. Проверить задолженность и сроки
  3. Скачать счёт / акт сверки
  4. Получить уведомление о платеже
  5. Получить уведомление об отгрузке
ПОДХОД

СНАЧАЛА —
РАЗОБРАТЬ
ПРОЦЕСС ИЗНУТРИ

Один заказ проходил через снабженца, менеджера, процессинг, логистику, бухгалтерию и сотрудника на строительном объекте.

Я разбирала AS-IS через интервью с клиентами и внутренними командами, событийную аналитику, CJM и Service Blueprint. Ключевые сценарии проверяли на прототипах; mobile прошёл три раунда UX-тестирования.

01

ИНТЕРВЬЮ С КОМАНДАМИ

Процессинг, логистика, менеджеры: AS-IS, ручные вмешательства, операционные ограничения.

02

ИНТЕРВЬЮ С КЛИЕНТАМИ

Снабженцы и руководители: где теряется время, что вызывает недоверие, что блокирует действие.

03

ЮЗАБИЛИТИ-ТЕСТЫ

Ключевые флоу на прототипах: статусы, скидки, обязательные поля, готовность к self-service.

04

СОБЫТИЙНАЯ АНАЛИТИКА

Воронка по шагам — сравнение до и после релиза по каждому ключевому действию.

CUSTOMER JOURNEY MAP

ГДЕ ЛОМАЕТСЯ
КЛИЕНТСКИЙ ПУТЬ

CJM собрали вокруг главного сценария снабженца — оформить доставку стройматериалов и не потерять контроль по пути. Карта связала действия, мысли, эмоции, боли AS-IS, будущие решения TO-BE и точки контакта в один сквозной маршрут.

ПЕРСОНАСНАБЖЕНЕЦРуководитель отдела снабжения
Хочу быстро оформить заказ и быть уверен, что материалы приедут вовремя

Листайте карту по горизонтали

01КАТАЛОГ
02КОРЗИНА
03ОФОРМЛЕНИЕ ДОСТАВКИ
04СЧЁТ
05ОЖИДАНИЕ
06ОПЛАТА
ДЕЙСТВИЯ
Открывает каталог

Ищет позиции, смотрит цены и характеристики, скачивает КП.

Собирает корзину

Добавляет товары, выбирает количество, проверяет сумму и скидку.

Заполняет заявку

Объект, способ получения, въезд, окно доставки, контакт приёмщика.

Получает счёт

Скачивает PDF и передаёт его в бухгалтерию на оплату.

Отслеживает статус

Проверяет статус в ЛК, уточняет дату и время доставки.

Оплачивает

Видит долги и сроки в «Финансах», скачивает акт сверки.

МЫСЛИ
«Есть ли нужная позиция?»

Нужны актуальные цены для сравнения поставщиков.

«Какая скидка на мой объект?»

Без итоговой цены закупку не согласовать.

«Всё ли указал правильно?»

Ошибка во въезде может остановить машину у объекта.

«Когда придёт счёт?»

Бухгалтерии нужен документ быстро — сроки оплаты жёсткие.

«Когда приедет и приедет ли?»

Задержка материалов останавливает стройку.

«Ничего не забыл оплатить?»

На нескольких объектах легко пропустить один долг.

ЭМОЦИИ
БОЛИ AS-IS
—
Нет скидки — нет заказа

Звонок менеджеру и ожидание подтверждения растягивают цикл.

Данные въезда — по телефону

Пропуск, шлагбаум и техника уточняются вручную.

Счёт ждать часами

Процессинг выставляет его вручную, оплата не стартует вовремя.

Статус неизвестен

«Где машина?» — снова звонок менеджеру.

Долг «всплывает» внезапно

Просрочка, претензионка и штрафы из-за отсутствия общей картины.

РЕШЕНИЯ TO-BE
—
Запрос скидки из корзины

Без звонка менеджеру и выхода из сценария.

Чекбоксы въезда в форме

Пропуск, шлагбаум, манипулятор и захваты фиксируются в заявке.

Авто-счёт сразу

PDF генерируется после подтверждения заявки процессистом.

Трекинг в ЛК

Статус отгрузки и ориентировочное время без звонков.

Раздел «Финансы»

Долги и сроки по объектам + Email / WhatsApp уведомления.

ТОЧКИ КОНТАКТА
Каталог / карточка товара

Web + Mobile ЛК.

Страница корзины

Скидка, объект и итог на одном экране.

Форма отгрузки

Доставка / самовывоз + контакт приёмщика.

Страница заказа · Email

PDF счёта и уведомление.

Список заказов · Push / Email

Статус и уведомления об изменениях.

Раздел «Финансы»

Email / WhatsApp · акт сверки PDF.

КЛЮЧЕВЫЕ ВЫВОДЫ
Скидка — главный барьер конверсии в корзине Форма заявки снимает звонок логисту Авто-счёт ускоряет цикл оплаты Трекинг убирает тревогу ожидания Финансы → −18% просрочек за 4 месяца Mobile — контроль прямо с объекта
SERVICE BLUEPRINT

ЧТО ДОЛЖНО ИЗМЕНИТЬСЯ
ЗА ИНТЕРФЕЙСОМ

Service Blueprint связал клиентский flow с тем, что происходит внутри сервиса: кто подтверждает скидку, проверяет заявку, передаёт данные в логистику, формирует счёт и обновляет статус поставки.

Так стало видно, какие ручные этапы и точки передачи данных нужно превратить в понятные статусы и следующий шаг внутри продукта.

Листайте схему по горизонтали

01КАТАЛОГ
02КОРЗИНА
03ОФОРМЛЕНИЕ
04СЧЁТ
05СТАТУС
06ОПЛАТА
ВИДИМЫЙ СЛОЙ TO-BE
Витрина товаров

Цены, КП со скидкой, тех. документация.

Запрос скидки

Прямо из корзины, без звонка менеджеру.

Форма заявки

Чекбоксы въезда, окно доставки, контакт приёмщика.

Счёт после проверки

PDF становится доступен после подтверждения заявки.

Трекинг заказа

Статус отгрузки в личном кабинете.

Раздел «Финансы»

Долги, сроки, Email / WhatsApp уведомления.

БЭКСТЕЙДЖ НЕВИДИМ ПОЛЬЗОВАТЕЛЮ
—
Менеджер

Проверяет и подтверждает скидку на объект.

Логистика

Получает данные объекта, назначает транспорт.

Бухгалтерия

Формирует и выставляет счёт.

CRM / система

Обновляет статус отгрузки.

Финансовая служба

Контроль дебиторки, фиксация оплаты.

ПРОЦЕССИСТ ВНУТР. СОТРУДНИК
—
—
Разбирает заявки

Проверяет детали заказа и требования к объекту.

Передаёт в логистику

Адрес, окно доставки, требования к въезду.

Звонит приёмщику

Уточняет время и готовность объекта.

—
ПРИЁМЩИК СТОРОНА КЛИЕНТА
—
—
—
—
Ждёт поставку

Подтверждает процессисту готовность объекта.

Принимает товар

Проверяет позиции, подписывает накладную.

ЧТО ДЕРЖАЛО ПРОДУКТ ОФЛАЙН
01

БЕЗ СКИДКИ НЕТ ЗАКАЗА

Цена зависит от конкретной стройки и подтверждается менеджером. Пока её нет — закупку не согласовать.

БИЗНЕС-ПРАВИЛО НУЖНО ВСТРОИТЬ В FLOW
02

ЛОГИСТИКА СОБИРАЕТ ДАННЫЕ ЗАНОВО

Въезд, техника, окно и контакт приёмщика клиент уже знает, но передаёт позже по телефону.

ДАННЫЕ ДОЛЖНЫ УЕЗЖАТЬ С ЗАКАЗОМ
03

ПОСЛЕ ЗАЯВКИ — ЧЁРНАЯ ДЫРА

Проверили? Когда счёт? Где машина? Если продукт молчит — отвечает менеджер.

РУЧНОЙ ЭТАП ДОЛЖЕН СТАТЬ ВИДИМЫМ СОСТОЯНИЕМ
04

ФИНАНСЫ НЕ СОВПАДАЮТ С РАБОТОЙ КЛИЕНТА

Одна компания ведёт несколько строек, у каждой свои поставки, документы и долги.

НУЖНА ОБЪЕКТНАЯ МОДЕЛЬ, А НЕ «КОМПАНИЯ В ЦЕЛОМ»
БИЗНЕС–ОГРАНИЧЕНИЯ

ТРИ ПРАВИЛА,
КОТОРЫЕ ОПРЕДЕЛИЛИ UX

Эти правила нельзя было убрать интерфейсом. Поэтому мы сделали ограничения видимыми и превратили каждый тупик в понятный следующий шаг.

01 · ЦЕНООБРАЗОВАНИЕ

СКИДКА — ТОЛЬКО ПОСЛЕ ПОДТВЕРЖДЕНИЯ

Ставка задаётся отдельно для каждого объекта и подтверждается менеджером. До этого финальная цена неизвестна.

→ ОТДЕЛЬНЫЙ СЦЕНАРИЙ «ЗАПРОСИТЬ СКИДКУ»
02 · КОРЗИНА

НИЖЕ ПОРОГА ДОСТАВКА НЕДОСТУПНА

Минимальная сумма зависит от условий клиента. Если порог не достигнут, оформление должно остановиться без звонка менеджеру.

→ БЛОКИРОВКА + ПРИЧИНА + СЛЕДУЮЩИЙ ШАГ
03 · ПРОЦЕССИНГ

СЧЁТ — ПОСЛЕ ПРОВЕРКИ ПРОЦЕССИСТОМ

Человек остаётся обязательной частью процесса. PDF появляется только после проверки и подтверждения заявки.

→ СТАТУС ПРОВЕРКИ → СЧЁТ ПОСЛЕ ПОДТВЕРЖДЕНИЯ
01

НЕ КОМПАНИЯ,
А КОНКРЕТНАЯ
СТРОЙКА

ПРОДУКТОВАЯ МОДЕЛЬ

Снабженец работает не с абстрактным аккаунтом компании, а с конкретной стройкой, на которой прямо сейчас что-то происходит.

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

ГИС.ОНЛАЙН / ПРОДОЛЖЕНИЕ КЕЙСА WORK IN PROGRESS

СКОРО ЗДЕСЬ
БУДУТ ИНТЕРФЕЙСЫ