DevOps Insights, internal CI/CD and DevOps portal Work in progress

Designing for adoption in an AI-powered DevOps insights portal

The organization's internal DevOps CI/CD portal aims to become the central hub for AI-powered CI/CD for tens of thousands of developers across the company. Today, adoption is partial: some teams have just onboarded, some use it regularly, and others have abandoned it.

As Lead Product Experience Designer, I'm responsible for the DevOps Insights module, an AI-powered tool that gives teams DORA metrics, a security overview and product lifecycle health data, alongside AI-powered code reviews.

The goal is full adoption across the organization's development teams by the end of next year. This case study is about finding the real reasons behind the current adoption gap, and closing it.

Tools
Claude Code, Matomo MCP, Figma MCP, Figma, Matomo, SAP Fiori, SAP UI5
Team
Empowered Product Team trio: Designer, Tech Lead, Product Manager
My role
UX research, user interviews, analytics, persona definition, UX/UI design
Timeline
March 2026 – ongoing

Where we are

  1. 01

    Analyse

    Matomo session recordings and user flows, user interviews and feedback from teams.

  2. 02

    Understand

    Complex flows, unclear onboarding, errors and external blockers.

  3. 03

    Rethink the persona

    A new primary persona: the engineering lead and DevOps manager.

  4. 04 · now

    Improve

    UX improvements for DevOps managers and a better journey for users without admin rights.

Problem

At the organization, our internal DevOps CI/CD portal is only partially adopted across the company. Some teams have just onboarded, some use it regularly, and others have abandoned it after setup.

As Lead Product Experience Designer on the DevOps Insights module, my responsibility is to research and understand why, and to propose solutions for a significant improvement in UX, adoption and product awareness.

The portal has an ambitious goal: full adoption by the organization's development teams by the end of next year. The main problems standing in the way are:

The blocker outside the UI

To set up a workspace, the portal requires a Jira project. But most of the people setting up workspaces are regular developers without admin rights for their team's Jira project.

For them, onboarding simply failed. They followed the steps, got an error and were left lost in a broken process, with no clear way to continue.

Rethinking the primary persona

Until now the portal was designed mainly for developers and DevOps engineers. But during our user interviews, developers told us clearly that they are not interested in the metrics. They simply want to write code, test and fix bugs.

Before

Developer / DevOps engineer

  • Doesn't create reports on a daily basis
  • Not interested in the metrics
  • Often no admin rights for the Jira project
New primary persona

Engineering lead / DevOps manager

  • Reports DORA metrics, product health and DevOps stats
  • Needs the insights for his team
  • Has the admin rights to set up a workspace

Now we are researching the pain points of DevOps managers, so we can design the experience around their needs and increase adoption across their teams.

How I work: Claude Code and MCP servers

In this project I use Claude Code as my main working tool, not only Figma. I use it for research, for analysis with the Matomo MCP server and for prototyping with the Figma MCP server. This lets me move from a question to data, from data to a design decision, and from a decision to a working prototype much faster.

The real workflow is under NDA. The examples below are illustrative and show the way I work, not the internal setup or data.

  1. 1

    Research

    Claude Code

    Synthesise interview notes and feedback, grouped by persona.

  2. 2

    Analyse

    Matomo MCP

    Ask where users get stuck, then verify in session recordings.

  3. 3

    Decide

    Product trio

    Turn findings into a design decision together with PM and Tech Lead.

  4. 4

    Prototype

    Figma MCP

    Use the Figma design context to build a working prototype.

  5. 5

    Validate

    Users + Matomo

    Test with users and check the impact after release.

↺ The results of each cycle become the input for the next one

Giving Claude Code the right context

The quality of the output depends on the context. I keep my project knowledge in Markdown files: research findings, product knowledge, the SAP Fiori design system and the SAP product standards. Claude Code reads them before it analyses, designs or prototypes, so every result is grounded in our users, our business and our design system.

devops-insights-ux/
1 · Research├── research/
│   ├── user-interview-analysis.md
│   ├── heuristic-evaluation.md
│   └── competitor-analysis.md
4 · Prototype├── product-knowledge/
│   ├── product-overview.md
│   ├── personas.md
│   └── glossary.md
├── sap-fiori/
│   ├── components.md
│   ├── floorplans.md
│   └── choosing-floorplans.md
5 · Validate└── product-standards/
    ├── usability.md
    └── accessibility.md
research/heuristic-evaluation.mdResearch

Heuristic evaluation: workspace setup

HeuristicFindingSeverity
Help users recover from errorsError doesn't explain what to do nextHigh
Visibility of system statusNo progress shown across setup stepsMedium
Match with the real worldTechnical terms without explanationMedium
product-knowledge/personas.mdContext

Primary persona: Engineering lead / DevOps manager

Responsible for
  • Reporting DORA metrics and product health
  • Setting up workspaces for the team
Secondary persona: Developer
  • Wants to write code, test and fix bugs
  • Not interested in metrics
sap-fiori/choosing-floorplans.mdDesign system

How to choose a floorplan

User needFloorplan
Find and filter many itemsList Report
See and edit one object in detailObject Page
Work through a queue of tasksWorklist
Complete a guided, multi-step processWizard
product-standards/accessibility.mdValidation

Checklist before review

  • All actions available by keyboard
  • Text and icon contrast meets requirements
  • Labels for every input and icon button
  • Errors say what happened and how to fix it
  • Fiori components used as intended

Illustrative example of the structure and content. The real files are under NDA.

1 · Research
› Read the interview notes and update research/user-interview-analysis.md with pain points grouped by persona.

Reading interview notes…

Developers
– want to write code, test, fix bugs
– not interested in metrics

Engineering leads
– report delivery and product health
– need reliable insights for the team
2 · Analyse with Matomo MCP
› Show the user flow for first-time workspace setup. Where do sessions exit?

● matomo · Users flow report
● matomo · Page exits

Highest exits are on the step that
needs rights in an external tool.

Next: review session recordings for this step.
4 · Prototype with Figma MCP
› Read /product-knowledge and /sap-fiori. Use the selected Figma frame and build a working prototype of a troubleshooting screen for users without admin rights.

● figma · get design context
● figma · get variables

✓ Prototype created
✓ Checked against /product-standards
Ready to review with the team.

Illustrative prompts and outputs. No real data, file names or numbers from the project.

What Claude Code and MCP servers do

  • Remove the manual work of collecting and connecting data
  • Query analytics in plain language
  • Turn designs into working prototypes fast

What stays with me and the team

  • Choosing the right questions and personas
  • Verifying findings with recordings and users
  • Design decisions and their impact

I believe that AI tools don't replace the designer. They remove the manual work between research, data and prototypes, so I can spend more time on the real questions: who the user is, what blocks them and how to fix it.

What we are working on now

UX improvements for DevOps managers

Improving the key flows and the DevOps Insights experience based on the pain points of our new primary persona.

A better journey for users without admin rights

We are analysing how to make the portal more accessible for people without admin rights. And when they cannot get these rights, we want to give them a clear and pleasant troubleshooting journey instead of leaving them lost in a broken onboarding process.

Next steps

This is a work of continuous improvement. Our next steps are to validate the improvements with real users and to make a real impact on team productivity and product health, so the portal can significantly improve the whole product lifecycle and become the central hub teams choose to use.

Learnings so far

One of my biggest learnings so far is that adoption problems are not always visible in the interface. The portal requires a Jira project to set up a workspace, but most of the people doing the setup were developers without admin rights for their team's Jira project. They followed the steps, got an error and had no clear way to continue, no matter how good the screens were.

This reinforced that choosing the right primary persona matters. We designed for developers, but in our interviews they told us they are not interested in the metrics. The value of DevOps Insights is for engineering leads and DevOps managers, who report on their teams' delivery and have the rights to set everything up, so they became our new primary persona.

I also believe that errors are part of the user journey too. When users cannot continue, they still need to understand what happened and what they can do next. Our next step is to validate these improvements with real users and measure their effect on adoption across teams.