О проекте
Квотационная платформа — enterprise-решение, которое автоматизирует взаимодействие авиакомпании с поставщиками и объединяет весь цикл закупок в едином контуре. Закупщик формирует потребности, назначает приоритеты, рассылает запросы поставщикам и собирает предложения — в одной системе.
Задача и вызов
Своевременное обеспечение флота необходимыми деталями напрямую влияет на готовность к полётам и экономику перевозок. После отказа холдинга от зарубежного ПО вся работа закупщиков перешла в ручной режим: потребности рассылались по почте каждому поставщику отдельно, каждый сотрудник вёл собственные таблицы в Excel.
Возникла потребность в цифровом продукте, в котором можно отслеживать статусы закупок, оценивать качество поставщиков и проводить аналитику рынка
С точки зрения дизайна ключевой вызов — создать удобный и понятный инструмент для оперативного принятия взвешенных решений. Закупщик одновременно работает с большим количеством факторов: приоритеты потребностей, предложения от множества поставщиков, сроки, цены, условия поставки. Задача интерфейса — помочь пользователю быстро сориентироваться в этом потоке данных, выделить главное и принять качественное решение.
Аналитика
Перед тем, как приступить к разработке интерфейса, составили CJM — карту пути закупщика от возникновения потребности до закрытия закупки. Анализ показал: на каждом этапе пользователь сталкивается с ручными операциями, теряет контекст и вынужден переключаться между инструментами. Поставщики указывают стоимость в разных валютах, сроки поставки размыты, а статусы закупок нигде не фиксируются.
Далее проработали ключевые пользовательские сценарии: разбили их на активности, задачи и трудности, сформулировали гипотезы. Это помогло понять, где интерфейс должен снижать когнитивную нагрузку, какие данные важно показывать в первую очередь и где пользователь рискует ошибиться или потерять контекст.
Проведённый анализ позволил выстроить продуктовую стратегию, расставить приоритеты и определить, какой функционал необходимо реализовать в первую очередь.
Дизайн-решения
Основой интерфейса стали таблицы — привычный инструмент для закупщиков. Мы сохранили всё, что работало в Excel: настройку видимости и порядка столбцов, фиксацию нужных колонок, редактирование прямо в ячейке. Это снизило порог входа и ускорило перенос данных.
Веб-среда позволила усилить привычный инструмент: данные обновляются в реальном времени без перезагрузки страницы, гибкая система фильтров помогает быстро находить и сравнивать предложения. Выезжающие панели позволяют просматривать детали, не теряя контекст и не прерывая рабочий процесс.
Для прозрачности процесса внутри платформы появился встроенный чат — вся переписка и документы хранятся в рамках конкретной потребности. История изменений фиксирует каждое действие: правки, рассылки, поступление предложений. Это позволяет быстро восстановить полный контекст по любой закупке.
Визуальный стиль продукта построен на общей дизайн-системе холдинга. Мы доработали её под задачи проекта: добавили новые UI-компоненты, адаптированные под высокую информационную плотность. Так интерфейс остается консистентным, а профессиональный инструмент — управляемым даже при работе с большими объёмами данных
Ролевая модель
Платформа объединяет два типа пользователей с разными задачами — закупщика и поставщика. Чтобы процесс работал как единый цикл, мы создали для каждого отдельный пользовательский интерфейс.
Закупщик ежедневно работает с платформой и хорошо в ней ориентируется. Несмотря на информационную насыщенность, его интерфейс не нужно упрощать — в случае затруднений сотрудник обратится к опытным коллегам или инструкциям. С большей частью задач профессионалы справляются сами, без постоянных подсказок интерфейса. Это рабочий инструмент профессионального пользователя.
Поставщик пользуется платформой лишь время от времени и не имеет поддержки коллег, поэтому дизайн этой части ближе к B2C-продукту: понятен без обучения и не требует погружения в контекст. Мы облегчили порог входа, адаптировав процессы платформы под те, к которым привыкли поставщики. Добавили дашборд с актуальной и важной информацией, разработали систему статусов и уведомлений — чтобы пользователь точно не пропустил важное событие и на лету считывал состояние системы. Такое управление вниманием помогает пользователю двигаться по сценарию без ошибок.
Интерфейсный дизайн двух частей платформы основывается на разных принципах, но использует единые паттерны, компоненты и стилевые решения. Такой подход закладывает основу для масштабирования продукта: при необходимости к платформе можно подключать новые роли и сценарии, не нарушая логику и консистентность интерфейса.
Резюме
Мы разработали UI/UX дизайн для платформы, которая объединила разрозненные ручные процессы в одном контуре. Функциональность наращивалась поэтапно — по мере того, как процессы выстраивались и проверялись на практике.
Сегодня система стала основным рабочим инструментом для 60 закупщиков и 170 поставщиков. Ежедневно платформа обрабатывает около 200 запросов. Нам удалось сделать сложный B2B-продукт управляемым: интерфейс снижает количество ручных операций, делает процесс прозрачным и даёт руководству инструмент для принятия решений на основе фактических данных.