Pregel Pro
Pregel — это приложение для наблюдаемости и инфраструктуры корпоративного уровня.
Отрасль
ИИ · B2B
статус
Работающая замкнутая система
Подходы
FSD, дизайн-система
Инструменты
Figma
Год
2022-2026
О проекте
Pregel Pro — это единое рабочее пространство для Platforma Pregel — платформы, изначально созданной для ИИ, которая помогает командам, отвечающим за корпоративную инфраструктуру, превратить разрозненные операции, завязанные на людей, в единый источник достоверной информации, объединяя актуальные цифровые двойники корпоративной инфраструктуры, ИИ-агентов, которые поддерживают точность этих моделей по мере изменений в реальной среде, и основу на базе графа знаний, позволяющую выполнять запросы к инфраструктуре по разным доменам — от дата-центров и сетей до сервисов и безопасности — в одном операционном пространстве.
Кратко: Двусторонний холст цифрового двойника
Мои ключевые обязанности охватывали три направления: совместное владение и создание с нуля дизайн-системы для AI-native инфраструктурного продукта, при этом Claude был встроен во весь мой рабочий процесс; формирование языка дизайна и паттернов взаимодействия для совершенно неизведанной UI-территории — области, где просто не существовало устоявшихся конвенций для федеративной инфраструктуры, навигации между несколькими доменами и сотрудничества человека и агента; и проектирование с нуля центрального элемента платформы — двустороннего цифрового двойника на канвасе, где инфраструктура не просто визуализируется, а активно формируется, а каждое изменение в модели затем распространяется обратно в физический мир.
Путь
Я взял на себя лидерство в создании нашей новой дизайн-системы вместе с двумя другими старшими дизайнерами. Я руководил масштабным процессом оценки при выборе нашего базового фреймворка, организуя обсуждения, которые помогли нам сузить фокус. В итоге я принял стратегическое решение выбрать shadcn вместо RadixUI, понимая, что у shadcn лучше возможности интеграции с ИИ и более широкий набор готовых компонентов. После этого я составил план реализации, разделив работу по кастомизации между нами троими, и курировал процесс стресс-тестирования нового фреймворка на соответствие нашим существующим концепциям
Вместе с междисциплинарной командой — продуктовым менеджером, системным аналитиком и другими дизайнерами — мы разработали первоначальную концепцию адаптивного холста, вокруг которого выстроены все инструменты и который подстраивается под контекст в зависимости от доступных средств.
Смена дизайна: от хаоса сетки к ясности меню
Чтобы улучшить управление инцидентами, мы сначала разработали насыщенный данными макет с сетками и таблицами. Однако пользовательское тестирование показало серьёзное сопротивление: интерфейс оказался слишком сложным, и было непонятно, какие действия нужны для устранения проблем. В ответ мы полностью переработали дизайн, заменив перегруженные сетки интуитивно понятными меню, ориентированными на действия.
Я выделил меню сравнения снимков в отдельный понятный рабочий процесс управления и заполнил холст нашими данными через API бэкенда. Использование данных бэкенда позволило нам проверить точное визуальное и структурное поведение объектов и группировок на холсте в реалистичных условиях.
Небольшие решения
Сосредоточившись на итеративных улучшениях, я в итоге инициировал полную переработку модели. Я разработал структурированную пошаговую схему, которая полностью соответствовала требованиям системной аналитики, и при этом обеспечил гибкость для создания контекстно-ориентированного интерфейса, что позволило гораздо эффективнее решать инциденты.
