Esc
  • Design SystemsFrom Figma Variables to Tailwind, Without the Copy-PasteDesign tokens only help if design and code read from the same source. Here's how I set up a pipeline where Figma variables become Tailwind theme values and React props, and what I learned about naming along the way.
  • Next.jsBuilding a Like Button, From Database to DelightThe heart at the bottom of every article on this site is a tiny full-stack feature. Here's how it works, from the SQLite table and API route to optimistic updates and batched requests.
  • AnimationA Friendly Introduction to Spring PhysicsSprings make interfaces feel alive. Instead of picking a duration and an easing curve, you describe how something should move, and physics does the rest. Let's build an intuition for stiffness and damping with a live playground.
  • UI DesignDesigning Dashboards People Can Actually ScanData-heavy screens fail when every number shouts at once. A practical guide to hierarchy, tables, filters and progressive disclosure for dashboards that engineers and analysts use all day.
  • CSSUnderstanding Flexbox Alignment, Visuallyjustify-content or align-items? Main axis or cross axis? If you still guess which property to use, this interactive guide will fix that for good.
  • BrandA Brand System Is More Than a LogoA logo is the smallest part of a brand. What makes a brand recognizable is the system around it, from type and color to iconography, voice and the way the product itself behaves. Here's how I approach building one that survives contact with real products.

About

I'm a UI/UX designer and design technologist with 10 years of experience. I trained in interaction design at ArtCenter and graphic design at California College of the Arts, and I've spent my career where design and code meet.

Most of my work is UI for software: data-heavy dashboards, search and filtering, and the design systems behind them. At Supplyframe I redesigned dashboards used by more than 10 million hardware engineers. At RG Pacific I built multi-brand Figma systems whose tokens flow straight into Tailwind CSS and React.

I also love brand design. I've built brand systems from type and color through to voice, and I make sure they carry into the product itself, not just the marketing site. If you want to work together or just say hi, my inbox is open.

Experience

  1. 2021 — 2026

    Lead Brand & Web Experience Designer / Design Technologist · RG Pacific LLC

    Led brand identity and responsive web redesigns for 25+ enterprise clients. Built multi-brand Figma design systems and linked their tokens to Tailwind CSS and React, cutting the design-to-engineering cycle by 40%. Raised conversion by 38% and engagement by 44% through better flows and A/B testing, and mentored four designers.

    • Design Systems
    • Brand Identity
    • React
    • Next.js
    • A/B Testing

  2. 2020 — 2021

    Senior UI/UX Designer & Front-End Engineer · Supplyframe (Siemens Digital Platform)

    Redesigned data-visualization dashboards and parametric search used by 10M+ hardware engineers. Built reusable React and TypeScript components that cut time-to-task by 32%, and automated a design token workflow from Figma to Git packages.

    • Dashboards
    • React
    • TypeScript
    • Design Tokens

  3. 2018 — 2020

    Senior Product Designer / Brand Designer · Tack Media

    Built brand systems (type, color, iconography, voice) and carried them through product interfaces, websites and campaigns. Designed UI kits and conversion-focused landing pages, with a 98% first-round prototype approval rate.

    • Brand Systems
    • Product Design
    • UI Kits
    • Landing Pages

  4. 2016 — 2018

    Interactive UI/UX Designer & Creative Technologist · Ayzenberg Group

    Designed interactive web experiences and campaigns for Microsoft, Xbox and Warner Bros. Interactive, prototyping motion in WebGL, Canvas and CSS. Contributed to work recognized with three ADDY and Davey awards.

    • WebGL
    • Canvas
    • Motion
    • Campaigns

Toolbox

Design

  • Figma
  • Design tokens
  • Prototyping
  • Typography & color
  • Iconography
  • Webflow

Front end

  • React
  • TypeScript
  • Next.js
  • Tailwind CSS
  • CSS / SCSS
  • Framer Motion
  • WebGL & Canvas

Research & quality

  • Usability testing
  • A/B testing
  • Product analytics
  • WCAG 2.1 / 2.2 AA
  • Core Web Vitals
  • Design QA

Education & Recognition

  1. 2014 — 2016

    M.F.A., Graphic Design · California College of the Arts

  2. 2010 — 2014

    B.S., Interaction Design · ArtCenter College of Design

  3. Awards

    ADDY and Davey Creative Awards · Ayzenberg Group

    Contributor to immersive storytelling experiences recognized with three awards.