Product consoleКонсоль продукта
Design for infrastructure workflows, from overviews and resource tables to configuration screens.Дизайн инфраструктурных сценариев: от обзорных экранов и таблиц ресурсов до настройки.
NolioOne designer.
Every part of design.Один дизайнер.
Все дизайн-процессы.
I was the sole designer, responsible for the console, website, marketing, and every design process behind them. I built and maintained the design system, and set up a workflow for the agent to use it.Я был единственным дизайнером и отвечал за консоль, сайт, маркетинг и все дизайн-процессы проекта. Создавал и поддерживал дизайн-систему, выстраивал работу с агентом.
01 / Context01 / Контекст
A console for technical teamsКонсоль для технических команд
Nolio brings application deployment, cluster management, computing resources, and storage into one web console. Technical teams use it to configure their infrastructure and follow its state.Nolio объединяет развёртывание приложений, управление кластерами, вычислительные ресурсы и хранилища в одной веб-консоли. Технические команды настраивают инфраструктуру и следят за её состоянием.
The design work connected these detailed operational interfaces with the website and marketing materials that explain the platform.В работе над дизайном нужно было связать насыщенные рабочие интерфейсы с сайтом и маркетинговыми материалами, которые рассказывают о платформе.
02 / My role02 / Моя роль
Design across the whole projectВесь дизайн — моя ответственность
As the only designer, I owned the full scope of design work: product interfaces, the public website, marketing, components, and the processes around them. My role included both making the work and deciding how it should be organized, reviewed, and maintained.Как единственный дизайнер, я отвечал за весь дизайн: интерфейсы продукта, сайт, маркетинг, компоненты и процессы вокруг них. Я не только выполнял дизайн-задачи, но и определял, как организовать работу, проверять результат и поддерживать систему.
Website & marketingСайт и маркетинг
Responsibility for the product website and the design of marketing materials.Ответственность за сайт продукта и дизайн маркетинговых материалов.
Design systemДизайн-система
Building and maintaining reusable components, rules, and interface patterns.Создание и поддержка переиспользуемых компонентов, правил и интерфейсных паттернов.
Agent workflowsПроцессы с агентом
Setting up an agent to work with the design system and help assemble screens and flows in Figma.Настройка агента на работу с дизайн-системой и сборку экранов и сценариев в Figma.
03 / Design system03 / Дизайн-система
Build the system.
Keep it useful.Создать систему.
Поддерживать её в работе.
I created and maintained the design system and its components. Shared rules for navigation, forms, tables, and statuses connected the console’s different areas and gave new screens a consistent foundation.Я создавал и поддерживал дизайн-систему и её компоненты. Общие правила навигации, форм, таблиц и статусов связывали разные части консоли и давали новым экранам единую основу.
Maintaining that foundation was part of my ongoing design work. The same components, usage rules, and patterns also became the context for the agent-assisted workflow.Поддержка этой основы была постоянной частью моей работы. Те же компоненты, правила использования и паттерны стали контекстом для работы с агентом.
04 / Agent workflow04 / Работа с агентом
Screens and flows,
assembled in FigmaЭкраны и сценарии
прямо в Figma
Over the past year, I built a workflow where an AI agent worked with the full design system: its components, usage rules, and established patterns. It helped assemble complete screens and flows directly in Figma. I made the design decisions and remained responsible for the result.В течение последнего года я выстроил процесс, в котором AI-агент работал с полной дизайн-системой: компонентами, правилами использования и принятыми паттернами. Он помогал собирать готовые экраны и сценарии прямо в Figma. Дизайн-решения и ответственность за результат оставались за мной.
-
Design-system contextКонтекст дизайн-системы
Give the agent the components, rules, and patterns it needs to work within the product’s design language.Дать агенту компоненты, правила и паттерны для работы в дизайн-языке продукта.
-
Complete screens & flowsГотовые экраны и сценарии
Use that context to help assemble interfaces and connected flows in Figma.Использовать этот контекст для сборки интерфейсов и связанных сценариев в Figma.
-
Review & maintainПроверка и поддержка
Review the output, make design decisions, and keep the design system and working process up to date.Проверять результат, принимать дизайн-решения и поддерживать дизайн-систему и рабочий процесс.
05 / Result05 / Результат
The product, the system,
and the way of workingПродукт, система
и организация работы
My role connected the product’s interfaces, its public presentation, and the design processes behind them. I built and maintained the components and rules, then made them the foundation for work with an agent. Design decisions and responsibility for the result stayed with me.Моя роль объединяла интерфейсы продукта, его внешнее представление и все дизайн-процессы за ними. Я создавал и поддерживал компоненты и правила, а затем сделал их основой работы с агентом. Дизайн-решения и ответственность за результат оставались за мной.