Pat Smith
Product designer who codes. Growth and design systems.
Six years at vidIQ, a YouTube growth platform, designing the onboarding, checkout, and upsell flows creators pay through, and helping build the design system behind them. Two decades of e-commerce and web before that, designing and building for clients on Shopify, Magento, and WordPress.
Experience
Product Designer · patsmith.design
2026 to now · Remote- Contract product design for growth: onboarding, checkout, and landing pages, carried from design into working code.
Product Designer · vidIQ
2020-2026 · Remote- Designed plan pages, upsells, checkout, onboarding, and channel authentication, plus product features.
- Built the design system with product and engineering: color tokens, shared components, accessibility, light and dark mode.
- Built an AI design-generation workflow so marketing could ship on-brand landing pages on their own.
- Prototyped UI in the web app and design-system codebases with AI tools, opening PRs for engineering to review and ship.
- Ran A/B experiments on signup and upgrade funnels in Amplitude, using session recordings to decide what to test and what to just fix.
- Animated the onboarding welcome video in Rive, from a storyboard built with design and growth.
Independent Designer · Designer Who Codes
2012-2022 · Remote- Designed and built e-commerce stores, custom CMS, and web apps for clients including TubeBuddy, VidCon, Way Basics, CYTIES, SimplyWin, and Sevenly: storefronts to dashboards to product UI.
Senior Designer · Caliber Media Group
2006-2011 · Santa Ana- Shipped websites, online stores, landing pages and applications for agency clients: Banc of California, TYR, Schuberth, and the Motorcycle Industry Council.
- Co-built the agency’s reusable front-end template system and worked across its in-house e-commerce platform and email campaign system.
Creative Director · Child Development Inc.
1999-2006 · Irvine- Pitched and built the company’s website, then formed and ran its first in-house creative team for brand, print, and web across four California regions.
- Led creative direction, design production, vendor coordination, and the company’s earliest web projects.
Skills
Product Design
Design Systems
Interaction Design
Onboarding
Paid Flows
A/B Testing
User Research
Usability Testing
Prototyping
Growth
Front-End (HTML, CSS, Tailwind)
AI Prototyping (Claude Code, Cursor)
Figma
Motion (Rive)
Education
California State University, NorthridgeFine Arts, Graphic Design
Platt College, Newport BeachDesign and Visual Communications