Beyond the Brief DORA DASHBOARD

Beyond the Brief DORA DASHBOARD

Designing a Unified Marketing Operations Dashboard

Designing a Unified Marketing Operations Dashboard

How Accidentally a Product Suite was Designed

Company

CodeFresh

Introduction

CodeFresh helps companies accelerate software delivery through automated CI/CD pipelines.

Outcome

Delivered one requested dashboard plus five strategic extensions that influenced the product roadmap

Team

Product Designer, PM - Idan Arbel, Frontend Engineer, Backend Engineer, Devops team

Role

UX/UI Design, Cross-team Collaboration

Duration

2 month

Tools

Figma

How Accidentally a Product Suite was Designed

How Accidentally a Product Suite was Designed

Day 1: Just Another Startup Tuesday

Business Context

Mission

To accelerate software delivery for development teams through automated CI/CD pipelines.

CodeFresh helps development teams automate their software delivery pipelines. As teams use CodeFresh to deploy code faster and more frequently, they need visibility into how well their DevOps practices are actually performing.

That's where DORA metrics become crucial - they measure the key indicators of high-performing development teams: how often you deploy, how fast you can ship changes, how often deployments fail, and how quickly you recover from incidents.

Metrics

From Google's 2018 research

  • Deployment Frequency

  • Lead Time for Changes

  • Change Failure Rate

  • Time to Restore Service

THE BRIEF

THE BRIEF

THE BRIEF

Create a dashboard displaying the four core DORA metrics based on Google's 2018 research specification:

  • Deployment Frequency

  • Lead Time for Changes

  • Change Failure Rate

  • Time to Restore Service

The goal was straightforward: give teams visibility into their DevOps performance using these industry-standard metrics.

The constraint: Stick to the established DORA framework and create one comprehensive dashboard.

BEYOND THiTH BRIEF

Strategic Thinking

Strategic Thinking

While working on the requested dashboard, I realized something important: the basic DORA metrics tell you what is happening, but they don't tell you why or how to fix it.

As someone who had worked in CI/CD environments before becoming a designer, I knew what questions managers would ask after seeing these metrics:

  • Which teams are struggling and which are excelling?

  • What's causing the bottlenecks - is it people, processes, or tools?

  • Where should I focus my improvement efforts?

  • How do I drill down from high-level metrics to actionable insights?

My advantage

Before transitioning to design, I had extensive experience working in CI/CD environments. I understood the daily frustrations of development teams and the strategic challenges that managers face. When you've been on both sides - implementing deployments and managing team performance - you know exactly what information people actually need to make decisions.

As someone who had lived this workflow, I knew what questions managers would ask after seeing these metrics:

  • Which teams are struggling and which are excelling?

  • What's causing the bottlenecks - is it people, processes, or tools?

  • Where should I focus my improvement efforts?

  • How do I drill down from high-level metrics to actionable insights?

The gap I identified

Aggregated DORA metrics are great for reporting, but not good enough for decision-making.

DESIGN DECISIONS

Design Decisions

Design Decisions

Core Dashboard

I delivered exactly what was requested - a clean implementation of the four DORA metrics with clear visualizations and proper data hierarchy.

Strategic Extensions

But then I went further. Using my domain knowledge, I created five additional dashboard views that addressed the real workflow needs:

  • Code Change Volume - Understanding deployment patterns and team velocity

  • Team Performance Breakdown - Drill-down capabilities to identify high and low performers

  • Bottleneck Analysis - Surface root causes behind performance issues

  • Trend Analysis - Historical views to spot patterns and improvement opportunities

  • Incident Deep Dive - Detailed recovery metrics and failure analysis

The Tabs Innovation

I added greyed-out tabs in the main interface - giving users a preview of future capabilities while keeping the current release focused.

Visual Showcase

Main Dashboard - DORA Metrics Overview

Main Dashboard - DORA Metrics Overview

The core dashboard delivering the requested four metrics with clean data visualization and clear hierarchy. Notice the greyed-out tabs hinting at additional capabilities.

46 TIMES MORE

46 TIMES MORE

46 TIMES MORE

FREQUENT CODE DEPLOYMENT

FREQUENT CODE DEPLOYMENT

FREQUENT CODE DEPLOYMENT

7TIMES LOWER

7TIMES LOWER

7TIMES LOWER

CHANGE FAILURE RATE

CHANGE FAILURE RATE

CHANGE FAILURE RATE

2.5 K TIMES FASTER

2.5 K TIMES FASTER

2.5 K TIMES FASTER

LEAD TIME TO DEPLOY

LEAD TIME TO DEPLOY

LEAD TIME TO DEPLOY

2.6 K TIMES FASTER

2.6 K TIMES FASTER

2.6 K TIMES FASTER

TIME TO RECOVER FROM INCIDENTS

TIME TO RECOVER FROM INCIDENTS

TIME TO RECOVER FROM INCIDENTS

Extended Views - Strategic Insights

The additional dashboards I created to transform basic metrics into actionable management insights:

Team Performance & Drill-Down Analysis

Breaking down metrics by team to identify performance patterns and bottlenecks.

Advanced Analytics & Trend Views

Historical analysis and deeper data exploration for strategic decision-making.

Impact Metrics Cards

Key performance indicators that summarize the transformation achievements.

Key Learnings & Reflection

Key Learnings
& Reflection

Key Learnings
& Reflection

Key Learnings & Reflection

Domain expertise is a superpower

My background in CI/CD environments gave me insights that pure design training couldn't provide. I knew what users would actually need because I had been one of them.

Think beyond the brief

The most valuable solutions often address problems that stakeholders haven't articulated yet. By anticipating user needs, I created features that influenced the entire product roadmap.

First impressions matter

This project set the tone for how the company viewed my capabilities. Going above and beyond on your first project builds trust and opens doors for bigger opportunities.

Strategic design thinking

Good design isn't just about making things look nice - it's about understanding workflows, anticipating user questions, and creating systems that actually help people make decisions.

The power of "what if"

Those greyed-out tabs weren't just good UX - they became a business tool that generated client interest and validated our product direction.

Industry recognition

The project was covered in tech media including SDTimes and other industry publications, validating the strategic approach to DORA metrics visualization.

Key insight

Understanding your users deep do leads to the best solutions.