From vibe coding to …
actual coding

I work best in the messy middle between design and engineering. Sometimes that means prototyping an interface in Figma; other times, it means vibe-coding the idea straight into a working prototype that eventually becomes the thing we ship.

By blending exploratory coding with production-ready engineering, I validate ideas fast and help my teams make confident product decisions earlier.

This isn’t about flashy landing pages or one-off mockups — it’s about building real, usable interfaces:

• What should the humble text input feel like? Friendly and round, or square and direct?
• Should the brand colors be applied to the various types of buttons that exist in the product?
• Are text and background combinations accessible for people with low vision?
• What about people who can’t see at all?

tl;dr

• Five years as a senior product designer — designing, coding, and shipping features at a high-growth start-up 🦄
• Six years as a UI developer, helping build an open source React design system from scratch
• Love to write component docs, UX copy, or anything else, really
• Not a jerk
• Check out some of my work

Longer version

I’m a collaborative “designer who codes” with a lot of design systems experience, particularly around accessibility and React. I combine a designer’s eye for pixel perfection with a deep understanding of the tradeoffs involved in translating that pixel-perfect prototype into code.

Product Design

At CompanyCam, I work as a senior product designer shaping end-to-end experiences across web and mobile. I lead projects from discovery to implementation, using Figma, Whimsical, and working code prototypes to explore ideas and align stakeholders.

My focus is always on outcomes: making sure design decisions serve both user needs and business goals. I’ve partnered closely with PMs, engineers, and leadership to deliver work that’s ambitious but also realistic enough to ship. My coding skills let me collaborate tightly with engineering, ensuring designs don’t get lost in translation.

I’ve conducted and analyzed dozens of user interviews — often leading them solo — and I bring a thoughtful, empathetic approach to research. I use tools like Dovetail to synthesize insights and keep product teams aligned on what users really need.

UI Development

At Instructure, I was part of a small team that grew Instructure UI from a single component into a mature, highly accessible design system. The CSS and components I contributed to Instructure UI are still used every day by the millions of learners who log into Canvas LMS.

My hybrid designer/developer role bridged the gap between product and engineering: I worked with product designers to bring their Figmas to life as components and embedded with engineers to help them learn to use the library.

Technologies I’ve worked with:

• React / React Native / Typescript
• Rails
• SVG
• Lottie
• Style Dictionary
• Storybook
• Astro (This site is my first Astro project.)

Writing

Who said getting an English degree would be a waste of time? Well, a lot of people. But they were wrong! I’m a versatile writer and a good judge of tone. Design system documentation, blog posts and newsletters, UX microcopy, snappy headlines, problem statements for product pitches — wherever I go, I usually end up being the one who steps up to write or edit it.

Not a Jerk

I’m nice to work with. I pride myself on being an enthusiastic, empathetic, and collaborative colleague. I make an effort to be receptive to feedback, and positive and reasonable when obstacles come up.

Cool story, bro

Can we see some actual work? You may, bro.