А.ЛАБ
Все проекты

Разработали единую дизайн-систему для студии low-code разработки Puzzle RPA

Оптимизация low-code среды и создание дизайн-системы для визуального программирования

Цифровые продукты
Low-code среда разработки Puzzle RPA Studio

О клиенте

Puzzle RPA Studio — это специализированная low-code среда разработки, в которой применяется подход визуального программирования для быстрого моделирования, проектирования и настройки программных роботов

Задача

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

Что делали

Анализ архитектуры Проектирование UX-логики Разработка дизайн-системы Масштабирование продукта
Интерфейс low-code среды Puzzle RPA Studio
Компоненты дизайн-системы Puzzle RPA Studio

Исследование
и прототипирование

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

Прототипы интерфейса Puzzle RPA Studio

Концепция

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

Дизайн-концепция Puzzle RPA Studio

Структура

Одной из главных задач проекта было создать единую основу для развития продукта. Для этого мы переработали структуру low-code среды, организовали инструменты по функциональным разделам и разработали дизайн-систему. Это помогло сделать интерфейс более целостным, а работу с основными разделами – проще и понятнее

  • «Общий интерфейс» – эргономичные сетки и рабочие экраны студии, разгружающие внимание при многочасовой сессии
  • «Цветовая система» – стандартизированные маркёры и индикаторы состояний для быстрого визуального контроля логических цепочек
  • «Библиотека компонентов» – унифицированный набор готовых, гибко настраиваемых элементов для оперативной сборки роботов
  • «Типографика» – шрифтовая иерархия, обеспечивающая комфортную работу с большими массивами данных и сложными текстовыми блоками
Экраны и компоненты Puzzle RPA Studio

Результат

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

Над проектом работали
  • Арина Романова
    Дизайн-директор
  • Владислав Брынцев
    Дизайнер
  • Антон Васильев
    Дизайн-лид
  • Эвелина Лашкова
    Дизайнер
  • Ирина Тимошина
    Дизайн-лид