Jenkins++ Integration Experience

CloudBees Unify: Redesigning multi-controller setup for platform engineers at scale

Company

CloudBees (Unify)

Role

Lead Product Designer

Industry

Information Architecture · UX Optimization · Enterprise Systems

Duration

6 Months

a cellphone leaning against a wall

Overview

Enterprise engineering teams managing large Jenkins environments faced a fragile and time-consuming setup process. Integrating controllers was done one by one through a hidden drawer-based flow, with no visibility into progress, system state, or configuration errors.

As Lead Product Designer over six months, I redesigned the integration experience from the ground up, turning a linear and opaque flow into a scalable, transparent system that supports both simple and complex environments.

Impact:

↓ Setup time through guided, structured flows

↑ Visibility and control across controller environments

✓ Scalable foundation supporting 100+ controller integrations in a single flow

The problem

Engineering teams in large enterprises were managing Jenkins environments with dozens or hundreds of controllers. The existing integration flow forced them to set up each controller individually through a hidden drawer, with no progress indication, no system-wide visibility, and no clear feedback when something went wrong.

This created slow and repetitive setup processes, silent configuration failures that were hard to debug, and no way to understand the state of the overall environment at a glance.

The opportunity wasn't just fixing a flow, it was redesigning how teams interact with complex infrastructure at scale.

My role

I led design end-to-end as the sole product designer on this project:

  • Mapped all controller states, transitions, and failure scenarios before touching the UI

  • Defined system behavior and edge cases in close collaboration with engineering

  • Designed two parallel flows: single controller setup and bulk integration via Operations Center

  • Created a centralized monitoring surface for system-wide visibility

  • Established inline validation patterns to surface errors in real time

  • Worked within technical constraints including plugin dependencies and Configuration as Code (CasC)

a cellphone leaning against a wall
a cell phone on a rock

The solution

I transformed the experience from a hidden, linear flow into a scalable and transparent system.

1. Structured Setup Flow

Replaced the drawer with a step-by-step flow
→ Clear progress, better guidance, easier recovery from errors

2. Bulk Integration via Operations Center

Enabled automatic discovery and connection of multiple controllers
→ Eliminated repetitive setup for large environments

3. Controller Monitoring Surface

Introduced a centralized table with controller states and actions
→ Gave users visibility and control across their entire system

4. Inline Validation & Error Handling

Real-time feedback on configuration issues (e.g. auth, plugins, URLs)
→ Reduced silent failures and improved troubleshooting

How I approached it

This project required designing for complex systems, not just screens.

  • Mapped all controller states, transitions, and failure scenarios upfront

  • Defined system behavior before moving into UI design

  • Designed dual flows (single vs multi-controller) as first-class experiences

  • Collaborated closely with engineering on constraints like plugins and CasC

The focus was on making complexity manageable without oversimplifying it.

a cell phone on a bench

Outcomes

The redesigned experience scales with real-world environments and reduces friction across the entire setup process.

Results:

  • Large teams can now integrate 100+ controllers in one flow

  • Reduced setup time from repetitive manual work to a single guided process

  • Improved visibility and confidence during onboarding

  • Established a scalable foundation for future capabilities (bulk actions, filtering, advanced configs)

Key takeaway

Designing for enterprise systems means balancing complexity, flexibility, and clarity.

This project turned a fragile, linear setup into a scalable system that supports both simple and advanced use cases without breaking.

Other projects

Let's work together.

If you're building tools for technical teams and want a designer who thinks in systems and speaks to engineers, let's talk.

Let's work together.

If you're building tools for technical teams and want a designer who thinks in systems and speaks to engineers, let's talk.

Let's work together.

If you're building tools for technical teams and want a designer who thinks in systems and speaks to engineers, let's talk.

© 2026 · Judith Lopez · All Rights Reserved

© 2026 · Judith Lopez · All Rights Reserved

© 2026 · Judith Lopez · All Rights Reserved

Create a free website with Framer, the website builder loved by startups, designers and agencies.