Utilisation monitoring laptop mockup with CPU, GPU, and RAM resource charts

Tracer

UI/UX Design

Overview

End-to-end UI/UX for Tracer, an observability platform for HPC and cloud pipelines. The work covers monitoring, cost attribution, and rightsizing across multi-node workloads, giving teams the visibility to cut cloud spend without touching their code.

Category
UI/UX Design
Role
Product Designer
Agency
—
Software
Figma
Client
Tracer
Year
2026
Rightsizing recommendation panel comparing current and recommended instances
Pipeline status rows for completed, under-provisioned, and running jobs
Batch health map timeline with container process bars and data table
Multi-node overview with batch health map and container metrics table
Steps cost across runs heatmap with high-cost step tooltip
Analytics metrics dashboard with CPU, RAM, disk I/O, and cost charts
Flow metrics dashboard with events heatmap and process flow bars
Cost attribution dashboard with batch cost distribution graph and breakdown table
Cost attribution chart with detailed cost breakdown tooltip on hover
Utilisation monitoring view with CPU, GPU, and RAM summary cards
Memory utilisation summary cards for total, available, and cached memory
Instance management tables with scan, terminate, and confirmation modal
Optimisations dashboard showing available savings and configuration comparison
Optimisations savings radar chart with monthly and annual cost reduction metrics
Utilisation monitoring detail with CPU, GPU, and RAM time-series charts
Multi-node overview on laptop mockup with batch health map tooltip
Pipelines overview laptop mockup with active run timeline and sidebar
Utilisation monitoring laptop mockup with resource charts and status bar
Tracer platform marketing panel with product description and abstract visual
Cost attribution interface with stacked bar chart and user cost breakdown
Optimisations overview with savings summary and instance configuration tables
Analytics metrics overview with performance and flow comparison charts