Product Design · Visual Systems

IBM Cloud

I used product design and reusable visual systems to make complex cloud work easier to understand and extend.

Role
UX + Visual Designer
Period
2021–2023
IBM Cloud Observability abstract service illustration

01 · Event Notifications

Designing event subscriptions.

I designed subscription setup as a step-by-step flow and revealed filtering rules when users configured a source.

Concept-tested proposal · UX and UI design

Set conditions at the source.

First condition
Conditions panel detail with one unfilled condition-type selector
Add a second rule with AND
Conditions panel detail with one configured rule and a second unfilled row joined by “and”
View all three full screens
The full Details screen with a subscription name, optional description, and the list of setup steps
Subscription details
The complete Conditions panel with one unfilled condition-type selector
First condition
The complete Conditions panel with one configured rule and a second unfilled row
Second rule with AND

Concept testing. Participants could progress through simple and complex subscription setups. Terminology and finding conditions needed more work.

02 · IBM Cloud Logs

Adapting a white-label product.

Internal exploration

I explored how the Coralogix-based interface could fit IBM Cloud. The chart-color mapping helped scope one part of that adaptation.

Token study excerpt
Excerpt of the IBM Cloud Logs token board with notes on existing visualization colors and candidate IBM palette values

03 · Illustration system

Build a visual method the team could extend.

I created most of the original product illustrations and reusable components, then partnered with the team to document and scale the method.

IBM Cloud concept sketches progressing through shared isometric construction studies
Concept to final

These sketches explore service metaphors and composition.

IBM Cloud illustration foundations showing base, shadow, color, gradient, and lighting rules
Reusable foundations

The foundations define shared rules for geometry, color, gradients, and lighting.

Light and dark product family

Five services, each shown in light and dark themes.

Code Engine Code Engine illustration in the light theme Code Engine illustration in the dark theme
Container Registry
Container Registry illustration in the light theme
Container Registry illustration in the dark theme
Satellite
Satellite illustration in the light theme
Satellite illustration in the dark theme
IBM Cloud Kubernetes Service IBM Cloud Kubernetes Service illustration in the light theme IBM Cloud Kubernetes Service illustration in the dark theme
Red Hat OpenShift on IBM Cloud Red Hat OpenShift on IBM Cloud illustration in the light theme Red Hat OpenShift on IBM Cloud illustration in the dark theme
IBM Cloud service icons built from consistent isometric geometry and color
Reduced service metaphors

These service icons use the same geometry and color palette.

Résumé overview

Victor Tran

  1. Visual Designer, IBM watsonx Orchestrate

    IBM watsonx Orchestrate · January 2024–Present

  2. Visual Designer, IBM Cloud

    IBM Cloud · January 2021–December 2023

  3. Assistant Executive Director of Communications

    Pi Kappa Phi Fraternity Headquarters & The Ability Experience · September 2018–January 2021

  4. Graphic Designer

    Pi Kappa Phi Fraternity Headquarters & The Ability Experience · July 2016–August 2018

Western Michigan University · BFA, Graphic Design

Download PDF