Senior Product Designer · Milan, Italy

Senior Product Designer
with 12+ years
of experience

Scroll
Additional documentation
Process artefacts, research outputs and design documentation for all case studies
View on Google Drive

I make the
complex
feel inevitable

I'm a Senior Product Designer with 12+ years of experience building enterprise SaaS and B2B platforms — the kind of products where thousands of decisions happen daily and a single friction point costs real money. I design the systems that make those decisions easier.

Currently at Avanade, I lead UX for large-scale digital transformation initiatives: defining product strategy alongside PMs and engineers, running end-to-end research cycles, and shipping experiences that work for users across multiple roles, markets, and business constraints.

My focus is on information architecture, scalable design systems, and workflows that handle genuine complexity without making users feel it. I hold a Human-Centered Design certification from the Luma Institute, and my engineering background — shaped by years at Politecnico di Torino — means I can hold my own in a product strategy session, a technical architecture discussion, or a user research debrief.

Avanade
Senior Product Designer
Associate Manager
Sep 2021 – Present · Milan
  • Led UX for enterprise SaaS and digital transformation products in complex B2B environments
  • Collaborated with PMs and engineers to define requirements, user flows, and product strategy
  • Designed end-to-end experiences for large-scale platforms across multiple markets
  • Contributed to the evolution of design systems and reusable component libraries
  • Ran user research, usability testing, and data analysis to support product decisions
Amaris
Senior Product Designer
Apr 2019 – Sep 2021 · Milan
  • Designed UX for enterprise SaaS and subscription-based platforms
  • Worked in agile product teams delivering new features and improving existing flows
  • Created prototypes, wireframes, and interaction models for complex user journeys
  • Used analytics, usability testing, and feedback to improve product usability
  • Contributed to design consistency across multi-product environments
Paser s.r.l.
UX / Product Designer
Jul 2011 – Mar 2019 · Villanova d'Asti
  • Designed user experiences for B2B platforms, dashboards, and corporate web apps
  • Gathered requirements with stakeholders and translated them into interaction flows
  • Created prototypes and UI specifications for product features
  • Improved usability through user feedback and iterative design
  • Supported product evolution across multiple releases
Product Design UX Strategy User Research Interaction Design Design Systems Enterprise SaaS B2B Platforms Usability Testing Data-Driven Design Agile · Scrum Cross-functional Collaboration Information Architecture Figma FigJam Miro Jira Confluence Google Analytics
ServiceNow · Digital Transformation · Lead Product Designer

Access Management
& Process Digitalisation

Type Enterprise Software
Role Lead Product Designer
Platform ServiceNow · Enterprise UX
Enterprise Access & Process Digitalisation on ServiceNow
Enterprise Access Platform
img/case-01.jpg
Executive Summary

A strategic digital transformation initiative: replacing a patchwork of legacy systems, ad-hoc tools, and manual Excel-based processes with a unified platform built on ServiceNow. The organisation managed critical access and operational workflows across disconnected systems — each with its own logic, permissions model, and user interface. The business case was clear; the design challenge was translating years of fragmented operational knowledge into a coherent, scalable digital product that users would actually adopt.

Product Context

The platform was used internally by a large enterprise organisation to manage access, permissions, and operational workflows — previously spread across legacy tools, bespoke applications, and manual Excel-based processes.

Users included operators, managers, and administrative staff working daily on the system. The product had evolved over several years, resulting in fragmented processes, inconsistent navigation, and limited scalability. Because it was business-critical, any change had to be introduced without disrupting existing operations.

Constraints

The redesign had to work within an existing enterprise architecture and ServiceNow platform. The backend logic could not be fully rewritten — the new UX needed to adapt to current data structures and permission models.

Different departments had slightly different workflows, but the experience had to remain consistent across all of them. Performance and stability were non-negotiable: the platform was used across the entire organisation, every day.

Problem

The organisation's operational processes were running on a fragile mosaic of legacy tools, bespoke applications, and manual workarounds — Excel files, shared drives, email threads, and systems built in isolation years earlier with no common architecture.

Process ownership was unclear, data lived in silos, and access management was handled inconsistently across business units. Any change to a workflow meant coordinating across multiple disconnected systems — the operational risk was significant, and the user experience reflected it.

“Years of operational complexity had been absorbed into the tools. The tools had become the process.”

ServiceNowDigital TransformationLegacy MigrationProcess DesignAccess Management

My Role

I led the UX workstream end-to-end, embedded with product owners, developers, and business stakeholders. I defined the interaction model, designed the navigation system, and ensured the solution could scale across different workflows.

I ran stakeholder workshops across multiple business units to surface tacit process knowledge, identify duplication, and define what “good” looked like before a single screen was designed. Working closely with the ServiceNow technical team, I translated complex workflow logic and permission models into interaction patterns that shielded users from underlying complexity while preserving power for administrators.

As-is mapping
Stakeholder workshops
Workflow redesign
ServiceNow build
User testing
Phased rollout

Trade-offs

A full redesign of every system was not feasible, so we focused on improving navigation and interaction patterns first. We introduced a modular layout even where some legacy screens could not be fully updated.

We simplified workflows where possible, but kept validation steps required by the business. The goal was to improve usability without breaking existing logic — and to resist the pressure to simply replicate old systems in a new interface.

Iteration

Early concepts were reviewed with internal users across roles. Operators requested faster access to frequent actions; managers needed better oversight of requests and statuses.

We refined the dashboard structure, added clearer status indicators, and simplified navigation between modules. Several iterations were needed to balance usability against technical constraints — each round informed by direct feedback from the people using the system daily.

Key Decision

The most critical design decision was resisting the instinct — from stakeholders and process owners — to replicate old systems digitally. The UX work was to challenge that, and redesign the underlying processes before designing any interface.

Access request flows were redesigned around user intent rather than system structure. Role-based dashboards replaced generic landing pages. Complex permission logic was abstracted behind progressive disclosure patterns — present when needed, invisible when not. Every component was tokenised and built to handle edge cases not yet on the roadmap.

Impact

Unified
Single platform replacing multiple legacy systems and manual processes
Adopted
Platform engagement exceeded change management projections at go-live
Scalable
Additional business units onboarded with no redesign of core architecture

The new structure reduced the time needed to complete daily tasks. Users reported better clarity when navigating between modules. The modular design allowed the product team to introduce new features without redesigning the entire platform — and became the foundation for future internal tools.

Ownership

I led the UX workstream for this project, working closely with product owners, developers, and business stakeholders.

I defined the interaction model, designed the navigation system, and ensured the solution could scale across different workflows and future process additions.

Case 01 · ServiceNow · Digital Transformation

Visual design artefacts

img/gallery/p1-01.png
Access Platform - IA Map
IA Map
Information Architecture

Mapping the existing IA against how users actually navigated — surfacing fragmentation across 6 modules.

img/gallery/p1-02.png
Access Platform - Navigation
Navigation
Navigation System

Modular sidebar architecture — role-based, context-aware, built to absorb future feature additions without structural change.

img/gallery/p1-03.png
Access Platform - Dashboard
Dashboard
Role Dashboard

Dashboard entry point — critical tasks and pending actions visible immediately on login, no context reconstruction required.

img/gallery/p1-04.png
Access Platform - Request Flow
Request Flow
Access Request

Redesigned access request flow — from 6 steps to 2, built around user intent rather than system data structure.

img/gallery/p1-05.png
Access Platform - Components
Components
Design System

Tokenised component library — documented, reusable, edge-case aware. Engineering extended it without design involvement.

Salesforce Commerce · B2B · Lead Product Designer

B2B Commerce
Platform Redesign

Type B2B Ecommerce
Role Lead Product Designer
Platform Salesforce Commerce · Multi-market
B2B Ecommerce Platform Redesign
B2B Ecommerce Platform
img/case-02.jpg
Executive Summary

A full UX redesign of a B2B commerce platform built on Salesforce Commerce Cloud, serving professional buyers across four European markets. The business problem was a direct conversion issue: complex, inconsistent ordering flows — each market behaving differently — were causing buyers to abandon mid-order and fall back to manual sales team assistance. I led the redesign from user research through to launch, unifying the experience across markets while pushing all localisation complexity into the backend where it belongs.

Product Context

The platform supported multiple European markets with different pricing rules, catalogue structures, and ordering workflows. Users included distributors, internal sales operators, and customer service teams.

Orders often contained many items, custom configurations, and country-specific constraints. Because of this complexity, even small usability issues had a strong impact on efficiency and error rate.

Constraints

The redesign had to work within an existing backend architecture integrated with SAP and regional pricing systems. We could not redesign the entire checkout logic — the new UX had to improve usability without changing core business rules.

Different countries had variations in the flow, but the experience needed to remain consistent across markets from the user’s perspective.

Problem

Professional buyers across 4+ European markets navigated fundamentally different checkout flows for the same product on a Salesforce Commerce Cloud platform. SAP-integrated pricing and live stock data created frequent dead-ends mid-order, with no recovery path.

The interface forced buyers to think backwards from how they actually worked: the mental model they brought to the task was completely different from the model the interface assumed.

“The interface forced buyers to think backwards from how they actually work.”

Salesforce Commerce CloudB2BMulti-marketSAP integration

My Role

I led the UX redesign of the ordering experience, working with product owners, developers, and business stakeholders. I was responsible for defining the flow, validating interaction models, and ensuring the solution could scale across multiple markets.

I started by shadowing buyers during live ordering sessions — the first time it had ever been done on this product. The gap between the user’s mental model and the interface’s assumption became immediately visible.

Shadow buyers
Mental model gap
Flow mapping
PLP / PDP split
Unified checkout

Trade-offs

We evaluated a complete checkout redesign, but it required major backend changes — so we focused on simplifying the existing flow instead. We reduced the number of screens while keeping validation steps required by the business.

We introduced a unified cart structure even where some markets had different rules, to keep the experience predictable. Market-specific localisation logic was pushed entirely into the backend, where it belonged.

Iteration

Early versions of the flow were tested with internal users. Expert users preferred fewer steps; new users needed more guidance. We refined the flow to keep it fast while adding summaries, validation messages, and clearer navigation.

Multiple reviews with developers were needed to keep the solution technically feasible — each round tightening the balance between UX simplicity and backend reality.

Key Decision

Split PLP and PDP by function, not convention. The list page became a dense comparison table — stock status, pricing, datasheets, all visible without a click. The detail page became the configuration space, with a persistent running total updating in real time against live SAP data.

This eliminated the dead-end problem entirely — unavailable variants were surfaced early, not at checkout. Adding a new market became an engineering task, not a design one.

Impact

↑ Significant
Order completion rate in pilot markets post-launch
↓ Measurably
Manual sales team interventions as buyers resolved questions independently
Zero
Bespoke design passes required to onboard new European markets

The new flow reduced the number of steps required to complete an order. Operators reported fewer errors when reviewing large carts. The unified structure allowed the same experience to be reused across different markets, and made it easier to introduce new pricing rules without redesigning the UI.

Ownership

I led the UX redesign of the ordering experience, working with product owners, developers, and business stakeholders.

I was responsible for defining the flow, validating interaction models, and ensuring the solution could scale across multiple markets and future product catalogue changes.

Case 02 · Salesforce Commerce Cloud · B2B

Visual design artefacts

img/gallery/p2-01.png
B2B Commerce - Buyer Flow
Buyer Flow
User Research

Flow mapping from buyer shadowing sessions — the gap between mental model and interface made visible for the first time.

img/gallery/p2-02.png
B2B Commerce - PLP
PLP
Product List Page

Dense comparison table: stock status, pricing, datasheets — a complete purchase decision without leaving the list.

img/gallery/p2-03.png
B2B Commerce - PDP
PDP
Product Detail

Configuration space with persistent running total updating live against SAP data — dead-end problem eliminated at source.

img/gallery/p2-04.png
B2B Commerce - Cart
Cart
Cart & Checkout

Unified cart structure across all European markets — localisation complexity abstracted entirely to the backend.

img/gallery/p2-05.png
B2B Commerce - Configurator
Configurator
Product Configurator

Industrial cable drum configurator — complex variant selection made usable for daily professional buyers.

Enterprise workflow system · Lead Product Designer

HR Workflow
Platform

Type Enterprise Workflow
Role Lead Product Designer
Scope Process Digitalisation · Multi-role
HR Workflow Platform
HR Workflow Platform
img/case-03.jpg
Executive Summary

An end-to-end product design initiative within the Microsoft 365 ecosystem, transforming a fragmented set of HR processes — running across email, spreadsheets, and disconnected SharePoint pages — into a coherent internal platform. The constraint was significant: no new infrastructure, no custom backend, entirely within SharePoint. The strategic challenge was making a filing cabinet feel like a product. I led UX from discovery through delivery, designing a shared component system that served three distinct user roles without requiring bespoke design work for each.

Product Context

The platform was used to manage internal HR and administrative processes across a large organisation. Users included employees, managers, and HR operators.

The system supported multiple workflows — requests, approvals, and data management. Over time, new processes were added without a consistent UX strategy, resulting in a fragmented experience that varied significantly from module to module.

Constraints

The redesign had to integrate with existing HR systems and operate entirely within the Microsoft 365 ecosystem. Some workflows were defined by regulations and could not be simplified.

Different departments had different needs, but the experience had to remain coherent across roles. The solution had to support future processes without requiring a redesign of the entire UI.

Problem

HR processes — onboarding, audits, compliance, mentorship — ran across email, spreadsheets, and disconnected SharePoint pages. Process visibility was near zero for everyone involved.

Team leaders had no reliable way to know the status of a candidate in the pipeline. HR managers couldn’t see where a compliance audit was stalling. Employees had no single place to understand what the system could do for them — so they didn’t use it.

“The biggest barrier wasn’t complexity. It was invisibility — people didn’t know what the system could do for them.”

Enterprise WorkflowMicrosoft 365Multi-roleSharePoint

My Role

I led the UX design for the workflow platform, collaborating with product owners, developers, and HR stakeholders. I defined the interaction patterns, designed reusable components, and ensured the system could scale to support future processes.

I ran stakeholder interviews across HR directors, team leaders, and frontline employees to understand how they actually worked — not how process documentation said they should. This surfaced the discoverability insight early: the barrier was invisibility, not complexity.

Field research
Discoverability insight
Component library
Role dashboards
Progressive rollout

Trade-offs

We simplified forms where possible, but kept mandatory validation steps. We introduced reusable patterns even where some legacy modules could not be updated.

We focused on workflow clarity first, before visual redesign. The priority was scalability and adoption — not a visual refresh. Making SharePoint feel like a real product required working within its constraints, not around them.

Iteration

Workflows were reviewed with HR teams and internal users across multiple rounds. We discovered early that visibility of status was more important than reducing the number of steps.

We introduced dashboards, clear status indicators, and consistent form layouts. Several iterations were needed to support all business rules while keeping the experience intuitive for users across very different roles.

Key Decision

Built a shared component library — status cards, pipeline tables, contextual action panels — that assembled into different role views without bespoke design work per module. The constraint was SharePoint; the goal was to make it feel nothing like SharePoint.

Each module was designed to work independently but share the same visual grammar — so the product felt coherent even though it was assembled across months, not shipped as a single release. The onboarding dashboard, the “Chiedi a RUO” support module, and the mentor gallery each served a distinct user need while drawing from the same component set.

Impact

Q1
Adoption exceeded projections within the first quarter post-launch
↓ Significant
Inbound HR support queries as employees used self-service tools
Weeks
Subsequent feature delivery vs months before the component system

Users could complete requests faster and with fewer errors. The platform became easier to extend with new workflows. The consistent UX reduced training effort for new employees — and because the component architecture was documented and extensible, every subsequent feature was delivered in weeks, not months.

Ownership

I led the UX design for the workflow platform, collaborating with product owners, developers, and HR stakeholders.

I defined the interaction patterns, designed reusable components, and ensured the system could scale to support future processes across the organisation.

Case 03 · Microsoft 365 · HR Platform

Visual design artefacts

img/gallery/p3-01.png
HR Platform - Discovery
Discovery
Research Insights

Stakeholder interview synthesis — discoverability, not complexity, was the barrier. People didn't know what the system could do.

img/gallery/p3-02.png
HR Platform - Onboarding
Onboarding
Onboarding Board

Live candidate pipeline dashboard — team leaders stopped chasing status updates across email threads.

img/gallery/p3-03.png
HR Platform - Chiedi a RUO
Chiedi a RUO
HR Support Module

A named, personalised HR support entry point — turning an anonymous process into a human interaction.

img/gallery/p3-04.png
HR Platform - Mentor Gallery
Mentor Gallery
Mentor Gallery

Professional development reframed as something you browse and opt into — not something that happens to you.

img/gallery/p3-05.png
HR Platform - Components
Components
Component Library

One library, three role views — status cards, pipeline tables, contextual panels assembled without bespoke design.


Fintech · SME Banking · Lead Product Designer

Business Expense &
Reconciliation Platform

Type Fintech · SME Product
Role Lead Product Designer
Platform Mobile Banking · iOS & Android · Web
SME Banking — Expense Management
SME Banking Platform
img/case-04.jpg
Executive Summary

A mobile-first business banking platform serving freelancers, sole traders, and small business owners had strong adoption among individual users — but retention dropped sharply as soon as a second person joined the account. Receipts lived in a camera roll, categorisation happened at month-end under pressure, and reconciliation meant exporting a CSV and hoping a spreadsheet made sense of it. I led the redesign of the expense management flow end-to-end, from the moment a card payment lands to the moment the accountant signs off.

Product Context

The platform had built a loyal user base among freelancers and sole traders, but engagement among limited companies and small teams was significantly lower. As soon as a business partner, a part-time employee, or an accountant entered the picture, the experience broke down.

There was no shared view of spending, no way to assign categories or notes to transactions in real time, and no path from a card transaction to a reconciled expense record without leaving the app entirely.

Constraints

The redesign had to work within the existing card infrastructure and push notification system — we could not change how transactions were captured, only how they were presented and acted upon.

The experience had to serve a wide spectrum of financial literacy: a graphic designer invoicing three clients a month and a five-person agency with a shared card both needed to feel at home. Regulatory requirements around receipt retention shaped several flow decisions that could not be simplified away.

Problem

Business owners told us the same thing in almost every research session: they knew they were supposed to track expenses properly, and they intended to — but life got in the way. A receipt got photographed and never filed. A category got assigned wrong and never corrected. At quarter-end, reconciliation became a forensic exercise rather than a routine task.

The experience punished delay and rewarded only the most organised users.

“I know exactly what I spent. I just can’t prove it — not in the way my accountant needs.”

FintechExpense ManagementSME UXMobile-firstReconciliation

My Role

I led product design for the expense management initiative, embedded with a product manager, two iOS engineers, one Android engineer, and a backend engineer. I ran discovery, defined the interaction model, designed all flows across mobile and a lightweight web view for accountants, and led usability testing with business owners across three rounds.

I started with diary studies — asking participants to photograph every business transaction for two weeks and note what they did (or didn’t do) with the receipt. The pattern was consistent: capture happened immediately, everything else happened never.

Diary studies
Contextual enquiry
Flow mapping
Mobile prototyping
Accountant co-design
3-round usability testing

Trade-offs

We debated building a full accounting integration as the primary output. We chose not to — most users weren’t using those tools yet, and building toward the power user risked losing the majority. Instead, we designed a clean CSV and PDF export that any accountant could work with immediately, and scoped deeper integrations as a subsequent phase.

We also chose not to force immediate categorisation at point of purchase. Early prototypes that surfaced a categorisation prompt on every notification were dismissed as intrusive. The right moment was a low-friction nudge 24 hours later — when the purchase was fresh but the urgency had passed.

Iteration

The first version of the reconciliation view tried to show everything: receipt image, merchant, amount, category, VAT flag, notes, and status — all on one card. It was overwhelming. Users said it felt like admin, not banking.

We stripped it back to a progressive disclosure model: the card showed only what mattered in the moment. Every additional field was one deliberate tap away. Testing showed completion rates on expense tagging increased significantly when we removed fields from the default view rather than adding them.

Key Decision

The most important design decision was reframing the product’s job-to-be-done. We weren’t building an expense tracker — we were building a system that made tax time feel like a non-event. Every design choice was evaluated against that frame: does this reduce the cognitive load at month-end, or does it move work earlier in time without reducing it?

The answer was a persistent “readiness score” — a quiet indicator in the business account overview showing what percentage of transactions for the period were fully documented. Not a warning, not a badge: a calm signal that the work was either done or not. Business owners responded to it immediately in testing — without any onboarding, they understood what it meant and what to do.

Impact

+38%
Receipt capture rate within 24h of transaction (pilot cohort)
↓ 52%
Month-end reconciliation time reported by business owners in post-launch survey
+21pp
Retention at 90 days among multi-user business accounts vs prior cohort

Accountants in the co-design sessions described the export format as the first time a banking product had given them something immediately usable. The readiness score became one of the most-mentioned features in app store reviews in the month following launch.

Ownership

I led product design end-to-end: discovery, interaction design, prototyping, usability testing, and delivery support across iOS, Android, and the accountant web view.

I worked alongside the PM to define scope and sequence, and represented the design workstream in weekly stakeholder reviews.

Case 04 · Fintech · Mobile Banking · iOS & Android

Visual design artefacts

img/gallery/p4-01.png
SME Banking - Transaction Feed
Transaction Feed
Transaction Feed

Real-time transaction feed with receipt status, category badge, and readiness indicator visible at a glance.

img/gallery/p4-02.png
SME Banking - Receipt Capture
Receipt Capture
Capture Flow

24h nudge: one-tap receipt capture when purchase is fresh but urgency has passed.

img/gallery/p4-03.png
SME Banking - Expense Card
Expense Card
Progressive Disclosure

Merchant, amount, status on default. Every additional field one deliberate tap away.

img/gallery/p4-04.png
SME Banking - Readiness Score
Readiness Score
Readiness Score

A calm signal showing what percentage of transactions are fully documented. No warning, no badge.

img/gallery/p4-05.png
SME Banking - Accountant View
Accountant View
Accountant Web View

Structured export format described by accountants as the first banking product giving them something immediately usable.


Developer Tooling · Observability · Lead Product Designer

Observability Alert
Triage & Management

Type Developer Tooling · Observability
Role Lead Product Designer
Platform Enterprise Observability Stack · Web
Observability Alert Triage
Observability Platform
img/case-05.jpg
Executive Summary

An enterprise observability platform gives SRE and DevOps teams a unified view of logs, metrics, and traces across their infrastructure. The alerting layer is where that data becomes action: a rule fires, an engineer is paged, a decision gets made. The problem was that the path from alert to resolution had accumulated years of incremental additions. The experience of triaging an active incident had become genuinely hostile — dense, non-contextual, and architecturally disconnected from the data that would help an engineer understand what was happening and why. I led the redesign of the alert management and triage experience end-to-end.

Product Context

Users were SREs, platform engineers, and DevOps practitioners — people operating under pressure, often in the middle of an incident, switching between the observability platform, an incident management tool, a messaging app, and a terminal. The alert list was their entry point into an active problem, but it provided almost no context: a rule name, a status, a timestamp.

Alert fatigue was a compounding problem. Teams managing large deployments were receiving hundreds of alerts per day, with no built-in triage mechanism, no grouping by service or environment, and no way to distinguish a well-understood recurring condition from a novel anomaly.

Constraints

The platform was built on a mature, open-source design system with strict accessibility and consistency requirements. All design decisions had to work within the existing component model without requiring new primitives the system team hadn’t planned.

Backend alert data was structured around rule definitions, not service topology — surfacing service-level grouping required working with what the index already contained, not redesigning the data model.

Problem

Engineers triaging an alert needed to answer four questions in sequence: What fired? What does it mean? What is the current state of the system? What should I do? The existing interface answered the first question and left everything else to the engineer’s memory, their bookmarks, and their institutional knowledge.

“I know where to look. But the tool doesn’t. So I’m doing the joining in my head, every single time.”

ObservabilitySRE / DevOpsAlert TriageData DensityDesign SystemDeveloper Tooling

My Role

I led UX design for the alerting triage initiative, working with two product managers, a team of five engineers, and the design system team. I ran a dedicated research programme with SREs and platform engineers across five enterprise customers, combining contextual inquiry — watching engineers work during on-call rotations — with structured interviews and a competitive audit of the leading incident management and monitoring tools on the market.

On-call shadowing
Contextual inquiry
Competitive audit
Design system mapping
Density & hierarchy testing
Prototype validation

Trade-offs

The most debated trade-off was information density. Power users wanted as much data as possible on a single screen. Less experienced users needed progressive disclosure and clear hierarchy. We chose a density model with sensible defaults and user-controlled column configuration, persisted per-user — avoiding two separate views while respecting both use cases.

We scoped out real-time alert correlation for the initial release: it required backend changes beyond the project’s scope. Instead, we designed manual grouping and tagging into the triage flow, giving teams a lightweight coordination mechanism that didn’t depend on ML inference.

Iteration

Early prototypes embedded a full log stream directly in the alert detail panel. Engineers said it was useful but overwhelming — they didn’t want logs in the alert view, they wanted a fast path to the right logs. The design shifted from embedding data to providing contextual deep-links into the log and trace explorers, pre-filtered to the relevant service and time window.

Status transitions were initially handled through a dropdown action menu. Testing showed that engineers under pressure missed the menu entirely, scanning for a visible state change affordance. We promoted the three primary actions to persistent inline buttons with keyboard shortcuts, reducing time-to-acknowledge in lab sessions measurably.

Key Decision

The central architectural decision was introducing a contextual side panel — a persistent detail view that opened alongside the alert list without replacing it. Engineers could navigate between alerts using keyboard shortcuts, maintaining list context while reading detail, without losing their place or scroll position.

The panel was structured in three zones: the alert header (what fired, when, current status), a related context section (pre-filtered links to logs, metrics, and traces), and a triage timeline (a chronological record of state changes, acknowledgements, and comments — giving teams shared incident context without requiring an external tool for straightforward cases).

All components were built within the existing design system primitives — no new components were added to the system. The side panel pattern was subsequently proposed to the design system team as a reusable pattern for other surfaces across the platform.

Impact

↓ 41%
Median time-to-acknowledge in monitored SRE teams (30-day post-launch measurement)
↓ 29%
Context-switching events per incident session (instrumented via platform telemetry)
+1
New reusable pattern contributed to the design system from this project

The contextual side panel was adopted as a foundational UX pattern across the platform’s roadmap. Internal satisfaction scores among enterprise observability users improved meaningfully in the quarter following launch, with alert management specifically mentioned as a driver in qualitative feedback.

Ownership

I led product design end-to-end: research, interaction design, component specification within the design system, prototype validation with real SRE teams, and delivery support through to release.

I collaborated directly with the design system team to ensure all patterns were consistent and reusable, and presented the work at an internal design review with senior design leadership.

Case 05 · Developer Tooling · Observability Platform

Visual design artefacts

img/gallery/p5-01.png
Observability - Alert List
Alert List
Alert List

Redesigned alert list with density controls, service grouping, environment filters, and inline status badges.

img/gallery/p5-02.png
Observability - Side Panel
Side Panel
Contextual Side Panel

Alert header, pre-filtered deep-links to logs and traces, triage timeline — alongside the list, not replacing it.

img/gallery/p5-03.png
Observability - Triage Actions
Triage Actions
Inline Actions

Acknowledge, silence, resolve promoted to persistent inline buttons with keyboard shortcuts.

img/gallery/p5-04.png
Observability - Context Links
Context Links
Deep-link Context

Pre-filtered deep-links to log and trace explorers — fast path to the right data, not embedded streams.

img/gallery/p5-05.png
Observability - Triage Timeline
Triage Timeline
Triage Timeline

Chronological triage timeline: state changes, acknowledgements, comments — shared incident context without an external tool.

Visual work

Artefacts &
design details

Work artefact 1
img/slideshow/01.jpg
Work artefact 2
img/slideshow/02.jpg
Work artefact 3
img/slideshow/03.jpg
Work artefact 4
img/slideshow/04.jpg
Work artefact 5
img/slideshow/05.jpg
Work artefact 6
img/slideshow/06.jpg
Work artefact 7
img/slideshow/07.jpg
Work artefact 8
img/slideshow/08.jpg
Work artefact