О проекте

Квотационная платформа — enterprise-решение, которое автоматизирует взаимодействие авиакомпании с поставщиками и объединяет весь цикл закупок в едином контуре. Закупщик формирует потребности, назначает приоритеты, рассылает запросы поставщикам и собирает предложения — в одной системе.

Задача и вызов

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

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

Аналитика

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

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


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

Дизайн-решения

Основой интерфейса стали таблицы — привычный инструмент для закупщиков. Мы сохранили всё, что работало в Excel: настройку видимости и порядка столбцов, фиксацию нужных колонок, редактирование прямо в ячейке. Это снизило порог входа и ускорило перенос данных.

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

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

Визуальный стиль продукта построен на общей дизайн-системе холдинга. Мы доработали её под задачи проекта: добавили новые UI-компоненты, адаптированные под высокую информационную плотность. Так интерфейс остается консистентным, а профессиональный инструмент — управляемым даже при работе с большими объёмами данных

Ролевая модель

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

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

Поставщик пользуется платформой лишь время от времени и не имеет поддержки коллег, поэтому дизайн этой части ближе к B2C-продукту: понятен без обучения и не требует погружения в контекст. Мы облегчили порог входа, адаптировав процессы платформы под те, к которым привыкли поставщики. Добавили дашборд с актуальной и важной информацией, разработали систему статусов и уведомлений — чтобы пользователь точно не пропустил важное событие и на лету считывал состояние системы. Такое управление вниманием помогает пользователю двигаться по сценарию без ошибок.

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

Резюме

Мы разработали UI/UX дизайн для платформы, которая объединила разрозненные ручные процессы в одном контуре. Функциональность наращивалась поэтапно — по мере того, как процессы выстраивались и проверялись на практике.
Сегодня система стала основным рабочим инструментом для 60 закупщиков и 170 поставщиков. Ежедневно платформа обрабатывает около 200 запросов. Нам удалось сделать сложный B2B-продукт управляемым: интерфейс снижает количество ручных операций, делает процесс прозрачным и даёт руководству инструмент для принятия решений на основе фактических данных.

Еще по теме

Похожие бизнес-задачи и решения, которые мы нашли, проверили и внедрили

Система удаленного мониторинга и управления нефтяными скважинами

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

В этом кейсе рассказываем, как совместная команда специалистов заказчика и True Engineering разработали систему удаленного мониторинга и управления нефтяными скважинами.

Корпоративное приложение для 150 000 сотрудников сети быстрого питания: как мы спроектировали единую экосистему сервисов

Как объединить 150 000 сотрудников, если у большинства нет доступа к корпоративным системам с рабочего компьютера? Для сети ресторанов быстрого питания мы спроектировали мобильную экосистему, которая собрала в одном окне ключевые HR-сервисы, коммуникации, льготы и инструменты поддержки с учетом высокой нагрузки, требований безопасности и сценариев использования на личных устройствах.

S7 Airlines: автоматизировали 90% кассовых операций и перевели всю сеть офисов на новую систему за сутки — без потери данных и остановки продаж

Централизованная аутентификация и SSO на базе Keycloak для корпоративных систем

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

Опросы без Google Forms: как построить корпоративный сервис сбора данных под задачи бизнеса

В корпоративной среде обратную связь приходится собирать регулярно - от сотрудников, клиентов, партнеров. Публичные инструменты вроде Google Forms и «Яндекс Форм» удобны для простых задач, но часто не подходят компаниям с высокими требованиями к безопасности и множеством интеграций. Мы рассказываем, как создали сервис опросов, который стал частью корпоративной экосистемы.