Saas Design System

Designing a unified design system for the HCL Unica+ marketing suite.

A twelve-product enterprise platform where no two screens spoke the same language,

and how we gave it one.

ROLE

Sr. UX Designer - Owned the system vision, audit, token architecture, core components, and adoption strategy

PRODUCT

A Comprehensive Design System for Martech suite

PLATEFORM

Enterprise web, marketing automation SaaS

SKILLS

Design System, Component library, Accessibility

TOOLS

Figma, Adobe Suite

HCL Unica+ is an enterprise marketing platform, a suite of ~12 products (Campaign, Journey, Interact, Offer, Detect, Optimize, and more) built by different teams over many years.

Individually, each worked. Together, they felt like a dozen different apps sharing a logo. I joined as Sr. UX Designer to build one shared system of tokens, components, and documentation, so the whole suite finally felt like a single product.

I began with evidence. A systematic component audit across the live products.

The insight: almost every variation could collapse into a small, well-defined set. Build the foundation once, and make it the path of least resistance.

DESIGN TOKENS

The single source of truth.

A three-tier architecture: primitive (blue-500) → semantic (color-action-primary) → component.

2. BASE COMPONENTS

Built in Figma with Variants, Auto Layout, and component properties, sequenced by impact: buttons & inputs first, then data tables, then forms, modals, and navigation. Every component shipped with full states and WCAG AA accessibility built in, not bolted on.

3. DOCUMENTATION & GOVERNANCE

Each component came with usage rules, do's/don'ts, accessibility notes, and a code mapping so design and engineering shared one vocabulary. A lightweight governance model defined how teams request, review, and contribute, so it scaled without fragmenting again.

A single source of truth in Figma, structured into Foundations (tokens, type, spacing, icons), Components (variant-complete, accessible), and Patterns & Templates. Built on Variables and Modes, it supports theming out of the box and stays in lockstep with the coded library.

Google Sites

Report abuse