UX/UI Designer · Silicon Valley team, remote · 2023 → 2025

Atomiton EcoTransform

Two years with a Silicon Valley team, turning sprawling AI infrastructure into dashboards an operator can read on a single screen.

Enterprise B2BData VisualizationAI Infrastructure
2 yearswith a Silicon Valley team
761nodes, condensed into one panel
B2Benterprise infrastructure
Atomiton app icon, an A inside an orbiting electron ring, on a slate blue field

Overview

The problem and my role.

Context. Atomiton builds AI and IoT infrastructure management software for enterprises. Over two years working remotely with the US team, I designed the dashboards at the heart of the product: hundreds of servers, clusters and model replicas that have to read clearly on one screen.

Design decisions

The choices that shaped the product.

  1. The topology graph is the primary language. Instead of endless data tables, operators read the system as a graph and open any node in place.
  2. Reveal detail on demand. Context menus and node and branch panels separate overview from detail. A single branch can hold 761 nodes, so the interface summarizes them first, then lets operators drill into any individual record.
  3. Time is a data dimension. Time lapse, hour/day/quarter filters and a custom range picker, because an infrastructure incident is always the question "what happened right then".

Outcome

What happened next.

Shown with sample data from a demo environment to keep client data confidential.

One decision, start to finish

A graph first, the numbers one click away.

Problem

Operators run AI infrastructure with hundreds of servers, clusters and model replicas, and need the state of the whole system on one screen before they dig in.

What I saw

A single branch in the demo environment holds 761 nodes. Listed all at once, that is a spreadsheet nobody can read.

Options

Long data tables, the default for enterprise tools, or a topology graph with the numbers kept one step away.

Choice and cost

The graph leads; context menus and node and branch panels open the detail only when asked. The cost is one more click to reach a raw number, so every deep action starts from the node the operator is already looking at.

What happened

Graph first became the backbone of the dashboards I designed over two years with the US team, from English requirements to handoff-ready specs. The screens use demo data to keep client data private.

The work

Real screens, and the reasoning behind them.

EcoTransform dashboard: node topology graph with the Branch Data panel open
Branch Data panel: 761 nodes condensed into one countable table
Context menu on a Cluster node: open data panel, change bridge node, hide branch
Every deep action starts from the node you are already looking at
Custom date range picker with quick presets and a two month calendar
Range picker: quick presets on the left, exact control on the right
Close-up of the context menu on a Cluster node: open node data, change to bridge node, hide branch, open branch data
Close-up: right-click a node and every deep action starts right there.
Close-up of the date range picker: quick presets on the left, two months side by side
Close-up: presets for the usual questions, exact dates for the unusual ones.

Contact

Want the thinking behind this project?

Phone
0708 072 134
Social
Facebook ↗
Based in
Thu Duc, Ho Chi Minh City
Focus
AI products · Monetization · Complex workflows