AI PRODUCT DESIGN PORTFOLIO

Herb Harden - Lead Enterprise Product Designer & AI Design Engineer

Strategic, hands-on AI Product Design Leader with 15+ years of enterprise experience driving 0-to-1 product strategy, modernizing complex legacy platforms, and building human-in-the-loop AI systems for B2B SaaS ecosystems.

Combines deep UI/UX architecture with advanced AI design engineering capabilities - leveraging Figma, Cursor, and Claude for rapid code-based prototyping, systemic token architectures, and production-grade specifications.

Herb Harden
Herb Harden
Lead Enterprise Product Designer & AI Design Engineer
Product Design, Design Systems & Interaction Design (IxD)
Figma | ZeroHeight | StoryBook | WCAG | Agentic UX | Customer Research & Discovery
Code-Based Prototyping & UI Engineering
Cursor | MCP | Generative UI | HITL | React | TypeScript | Tailwind CSS | Next.JS | AI Sandboxing
15 Years+ Strategy & Leadership Experience
Product Design Facilitation | Cross-Functional Alignment (PM/Eng/UX) | Stakeholder Management
Enterprise Experience & Clients Supported
PROCTOR & GAMBLE BMW HP BOSCH PFIZER KRAFT-HEINZ GE VERNOVA TD AMERITRADE

Skills & Core Capabilities

AI Systems & Architecture
  • Agentic Experience (AX) Design
  • Conversational AI Experience (CAIX)
  • Human-in-the-Loop (HITL) Workflows
  • Non-Deterministic State Modeling
  • Deterministic UI Behavioral Contracts
  • Conversational Search & RAG UX
  • XAI & Confidence Scoring Visuals
UI/UX Design & Prototyping
  • High-Density SaaS & Enterprise UI
  • Rapid Code Sandboxing (Claude / Cursor)
  • Figma Systems & Token Architecture
  • Generative Layout Systems
  • User Flows, Wireframing & Journeys
  • WCAG 2.1 AAA Web Accessibility
  • Component API Alignment & Handoff
Leadership & Strategy
  • 0-to-1 Product Ownership
  • PM & Engineering Triad Alignment
  • AI Governance & Control Hierarchies
  • Enterprise System Modernization
  • Qualitative Customer Discovery
  • Pre-Sprint Technical Framing
  • Design Token & System Governance

Technical Stack & Tooling

AI Systems & Orchestration
  • LangChain / LangFlow
  • n8n Automation Workflows
  • Cursor & Claude Code Environments
  • v0.dev / Claude Artifacts
  • OpenAI API / Anthropic SDKs
  • Vector Databases & Embeddings (Pinecone / Chroma)
  • Ollama / Local LLM Sandboxing
  • Hugging Face Models & Datasets
Front-End & UI Frameworks
  • React / Next.js Frameworks
  • TypeScript & JavaScript (ES6+)
  • Tailwind CSS / CSS Modules
  • shadcn/ui & Radix UI Primitives
  • GraphQL Schema Inspection & WebGL
  • Three.js & WebGL 3D Frameworks
  • Framer Motion / Canvas APIs
  • HTML5, CSS3 & Web Components
Design Tooling & Tokens
  • Figma (Variables, Component APIs & Auto-Layout)
  • Figma Code Connect & Dev Mode
  • Zeroheight & Model Context Protocol (MCP)
  • Storybook Integration & Handoff
  • Tokens Studio (Style Dictionary / W3C Specs)
  • Miro / FigJam Workshops
  • Rive / Lottie Micro-Interactions
Enterprise Delivery & Ops
  • Jira Software & Agile Pod Alignment
  • Confluence Documentation & Product Specs
  • GitHub / Version Control Workflows
  • Vercel & Netlify Deployment Pipelines
  • Postman / Insomnia API Inspection
  • Productboard / Linear Roadmap Management
  • FullStory / Hotjar UX Analytics
  • Axe DevTools / WAVE Accessibility Auditing