AI-Driven Design System

Building consistency across fragmented product experience

Overview

I was working across four different initiatives, each led by different Product Owners, with no shared design direction.

As a result, the product felt inconsistent depending on where you were. Similar actions looked and behaved differently across experiences.

Pain Points

User Experience

Inconsistent CTA styles
Different headers and layouts
Filters behaving differently

Team Experience

No shared design standards
Rebuilding components repeatedly
UI decisions driven by product and engineering

Visual Proof

Example of inconsistent UI patterns across initiatives

SECTION 5: Problem

Problem

We didn’t just have inconsistent screens.
We were missing a system.

At the same time, we wanted to explore how AI could support scalable design workflows.

SECTION 6: My Role

My Role

Led early vendor conversations
Partnered with cross-functional stakeholders
Helped define scope and direction

SECTION 7: What Went Wrong (Highlight Section)

What Went Wrong

At the start, the Head of Development wasn’t involved.

We interviewed a vendor, but the SOW lacked technical context and wasn’t grounded in how things would be built.

SECTION 8: Turning Point

What Went Wrong

I raised this with my Product Manager, and we reset the process.

Head of Development joined
SOW was rebuilt with design + engineering
Became a cross-functional effort

SECTION 9: Vendor Evaluation

Vendor Evaluation

We interviewed 4–5 vendors.

Each provided:

Proposal and cost
10-20 weeks plan
Team: 2 designers + 2 developers

SECTION 10: System Plan

System Approach

Phase 1: Understand

Review brand guidelines
Identify gaps

Phase 2: Foundations

Design tokens (colors, typography, breakpoints)
Tech alignment (Tailwind, PrimeNG, Figma)

Phase 3: Build

Component system
UI kit
Usage guidelines