🧑🏻‍💻 DCAP Dashboard - Collateral Management Copy

📋 TL;DR

The DCAP Dashboard is an enterprise SaaS platform that automates the upkeep of on-chain attestation collateral for Intel SGX and TDX, so verification never silently breaks. As the sole product designer, I took it from dashboard research to 151 desktop and 157 mobile screens in 5 weeks, while leading a small design team made up of an illustrator/brand designer and a motion designer. Key edges included an at-a-glance overview, 33 meaningful system statuses and seamless solo-to-team account switching.

🎯 The problem

Hardware attestation lets a platform prove that a device is what it claims to be, serving as an extra security layer, but it depends on collateral files that need constant updating. When an update is missed, verification fails silently, opening vulnerabilities or breaking the validation tool entirely.

Automata wanted a dashboard that automates that upkeep and keeps users informed in real time, no surprises, no downtime. It had to give highly technical users everything they need at first glance, without turning a complex system into a wall of noise.

👨‍💻 Who is it for?

Teams and businesses that rely on attestation, typified by our persona Jacob (32), an "attestation champion" who has had three scares this month from sudden downtime, and is tired of doing repetitive manual upkeep just to keep his validators running.

🔬 What other dashboards taught us:

I studied Jira, Tableau and HubSpot, three widely used tools with strong approaches to dense information on dashboards. Three lessons carried over:

• Status first. The best dashboards make the health of a system readable before any detail.

• Charts earn their place. Graphs work when they answer a question at a glance, not when they decorate a page.

• Clean delivery scales. Consistent structure and spacing let a lot of data feel calm instead of crowded.

🔍 Our defined edges:

1. Core info at a glance

The Problem: Users need the health of all their services the moment they log in, but the system tracks many qualitative elements at once.

The Decision: A main overview that covers a bit of everything: collateral statuses, recent activity and multi-tab overviews, so every relevant global event is visible on arrival.

The Trade-off: Putting everything on one screen risks cognitive overload. So the overview is split into tabs by topic, with recent activity and statuses always visible and deeper details always one click away.

"I want to receive ALL the relevant info regarding the health of my services right when I log into the platform."

2. Statuses that mean something

The Problem: For collaterals and TCB (Trusted Computing Base) details, a simple "working" or "not working" hides what's actually happening.

The Decision: 33 distinct statuses tied to functions across the dashboard, so users know exactly what's going on with each service.

The Trade-off: More statuses mean more to learn and scan than a simple up/down. To make sure they convey the right message, they are grouped by topic, color-coded in 4 categories (Success, Alert, Danger & Info), and feature action links, keeping the user one click away from what needs to be done.

"Sometimes, 'running' and 'not running' aren't enough, so I would like to get some richer and detailed statuses."

3. Billing without surprises

The Problem: A subscription with plans and add-ons gets confusing fast, especially when changes don't take effect right away.

The Decision: Signifiers and views throughout the interface that separate what's "Happening" from what's "Set to happen," across every plan flow, from free plans to upgrades, downgrades and enterprise.

The Trade-off: Showing both current and upcoming states doubles the information on billing screens. So every billing change follows a clear hierarchy in its modal or plan view, and “current” and “set to happen” are always labelled separately.

"I don't want any surprises since I know this can be pricey."

4. From solo to team

The Problem: A tool this powerful and useful can't be limited to single users. Attestation needs grow, and teams grow with them.

The Decision: Team creation and management tools that let users move seamlessly between a personal space and an organization space.

The Trade-off: Two contexts in one account risk users acting in the wrong space. That's why the active space is always shown in the sidebar, making it obvious where you’re working.

"I believe my usage of attestations can become even broader, and with that, more people will be joining me."

🎨 Visual system

This is the one light-mode project in the portfolio, and on purpose. Research by Jonathon Dobres and colleagues found that people make judgments faster in light mode, which matters for a dashboard read at a glance. A minimal, high-contrast palette pairs dark text with Automata's orange accents, Work Sans keeps data readable, and square blocks with a subtle radius keep the structure clean while still feeling approachable.

🖥️ Key screens

1. Ready-to-view info

Every relevant bit of data about collaterals and operations, available the moment users log in.

2. Statuses that matter

33 statuses covering everything happening with a user's services.

3. Intuitive processes

Network selection and FMSPC registration simplified through well-structured modals and input groups.

4. Plans made easy

Every plan flow, from free to enterprise, with clear signifiers for what's active and what's coming.

5. Work solo or with a team

Switch between personal space and company spaces, all in a single account.

💭 Outcome & reflections

The DCAP Dashboard was delivered and launched, bringing real-time visibility and automated upkeep to on-chain collateral management.

If I could change something about how this project came to be, that would be getting the chance to conduct post-launch, data-backed user research. The timeline of this project didn't allow us to dive into user results, since the launch took longer than expected on the development side. That being said, seeing how users would interact with the tabs and navigate through actionable insights provided by the platform could've given us the chance to improve the product even further.

If you're feeling curious, you can check a few selected screens on the Figma window below: