YES PPM — Enterprise Project Portfolio Management SaaS

Enterprise-grade SaaS dashboard architecture for capital project tracking, multi-tier budget allocations, and executive portfolio visibility.

PROJECT

YES PPM

MY ROLE

UI/UX Designer

PLATFORMS

Web

SERVICES

SaaS UX Design · Information Architecture · Dashboard UX · Data-Heavy UI · Design System

Attribution Notice:

DJGraphix was responsible for the UI/UX design architecture, user flows, and wireframes. Product development and technical implementation were handled separately by other development teams.

View Live Website Discuss Similar Project

DJGraphix Design Canvas // YES PPM

High-Fidelity Interface Architecture

https://yesppm.com/

YES PPM — Enterprise Project Portfolio Management SaaS Desktop Web UI

Primary Desktop Web Experience

Section 01

Project Overview & Scope

Comprehensive UX blueprinting and visual system engineering.

Designed the complex SaaS interface and information architecture for YES PPM. Focused on enterprise dashboard legibility, multi-project Gantt timelines, resource allocation matrices, and high-density financial reporting tables.

My Role — UI/UX Designer

Led the entire UI/UX design lifecycle from user journey mapping to final screen components.
Built structured component tokens, typography rules, and responsive auto-layout structures.
Delivered high-fidelity handoff specifications for separate frontend development teams.

Section 02

Design Challenge & Approach

Identifying friction points and formulating ergonomic user flows.

The Core ChallengeDesign Audit

Enterprise project managers struggled with fragmented spreadsheets, opaque capital allocation milestones, and visual clutter across multi-million dollar portfolios.

Customizable Research Slot:

Enterprise stakeholder interview summaries and quantitative usability benchmarks can be added here when provided.

The Design Approach

Architected a modular 3-tier SaaS interface featuring a collapsible hierarchy sidebar, executive KPI summaries, tabular financial data grids, and interactive timeline inspectors.

Section 04

Design System & UI Components

Atomic component library with structured color tokens and accessible typography hierarchy.

Color Palette Tokens

Enterprise Dark

#0B132B

Primary Tech Blue

#0052CC

Status Amber

#D97706

Status Green

#059669

Surface Crisp

#F8FAFC

Typography Scale

Plus Jakarta Sans + Monospace Numerals

Calibrated for high data density, clear contrast ratios, and comfortable mobile reading.

Component Library Specs

68 Enterprise SaaS Components

Figma Auto-Layout 5.0

Interactive component states (Default, Hover, Focused, Disabled, Active).

Section 05