Skip to content

Cliff here

Senior product designer with 7 years designing e‑commerce and payments, from 0 to 1 launches to design systems built to scale.

Currently at Sentier, embedded as the in-house design team for one of the largest grocery retailers in Texas. Based in Austin, TX.

Mobile Web E-commerce 0 to 1

Turning a multimillion-dollar paper program into a single tap

0 online coupons redeemed within the first 2 weeks, 150% increase in active app users, 3x growth in weekly app downloads
Design system Multi-brand WCAG

Scaling 3 brands from 1 design system

Restyling 6 → 2 weeks · 3rd brand in 2 weeks · 24 devs
Mobile Web E-commerce Inclusivity Payment

Introducing EBT to a seamless digital grocery experience

80% of customers on SNAP, USDA certified in under 24 hours

Working with AI

Code-first design

Leveraging Claude Code to bridge reasoning, prototyping, and GitHub commits, shifting directly from concept to production without relying on static Figma mockups.

Prototyping

Utilizing Figma Make to turn key flows into working interactions, giving the engineering team something they can click through instead of something they have to scroll and find.

Workflow improvement

Claude Code to build my own tools when I hit a repeated friction point instead of working around it. Like a Chrome extension and a Figma plugin, both built and used in my day to day process.

Tools I built

Experiments

Figma plugin

Data Swap

Data Swap fills product card components with real product titles, prices, and images, pulled directly from any retail website. Populate entire grids of frames in one click.

Tools
Claude Code Figma Vercel Github

What is it

  • Extract real product data from any website by pasting HTML.
  • Populate Figma frames instantly with randomized titles, prices, and images in one click.

Why I built it

High-fidelity mocks with real product data make a huge difference in user testing and stakeholder presentations. I built Data Swap to eliminate the manual work of copy-pasting product content into Figma so designers can focus on the design, not the data.
Chrome extension

Lottie Player

A Chrome extension to preview Lottie animations directly in the browser.

Tools
Claude Lottiefiles
Check it out

What is it

  • Drag in a Lottie JSON file and preview the animation instantly, right in the browser.
  • Chrome extension, published on the Chrome Web Store, no login or data collection required.

Why I built it

I export a lot of animations from After Effects to Lottie JSON for developer handoff, and previewing them meant paying for LottieFiles, a $19.99/month subscription for a platform full of editing and AI features I never touched. I only needed to preview a file before shipping it. So I built that one feature myself, published it, and now 4 other designers use it too.