Durham, NC — UX Designer & UX Engineer

The handoff is the bug.

Most design-to-engineering friction isn't a communication problem — it's a missing source of truth. I co-lead Labcorp's enterprise design system and personally build the Angular and React component libraries underneath it, so the design and the code are the same artifact instead of two guesses.

Same component. Two truths.

This is the whole job in one control. Drag the seam: on one side the component as a designer inspects it, on the other the exact production source a developer ships. Code Connect is what keeps them honest.

Drag the seam
Figma — inspect Button / Primary
Button / Primary Save changes 137 × 40
Production source button.component.ts
import { Component, input } from '@angular/core';

@Component({
  selector: 'lib-button',
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<button [class]="classes()">
    <ng-content />
  </button>`
})
export class ButtonComponent {
  variant = input<Variant>('primary');
  size    = input<Size>('md');
  // tokens, not hard-coded hex
}

Design and code are the same component, described twice — 13+ of them, in Angular and React.

~30

designers & researchers on the system I co-lead

13+

components personally designed and built, Angular + React

hrs sec

recurring research analysis, after I shipped UnifyUXR

4

NPM packages published from one NX monorepo

01 — Selected work

Four things that shipped

The professional work is internal to Labcorp, so every artifact on this page is recreated in live code rather than screenshotted. What you see is what I can actually build.

01 Design systems — flagship

Enterprise Component Library

Product teams kept rebuilding the same button. I initiated and now co-lead dual Angular and React libraries, wired Figma Code Connect so developers see real production code on inspect, and documented all of it in Storybook. Angular is the source of truth; React holds functional parity.

13+components
4NPM packages
2frameworks, one system
Angular React Code Connect Storybook NX
Read the case study →
02 AI — live prototyping

AI-Powered Live Prototyping

Stakeholders can't give useful feedback on a written requirement. So I open Replit in the meeting and build a working UI from the brief in real time with Claude and Cursor. Alignment happens in the room, not in a follow-up two weeks later.

~20min, brief → prototype
1meeting to alignment
Claude Code Cursor Replit HTML/CSS/JS
Read the case study →
03 Enterprise UX — healthcare

Internal Healthcare Product UX

End-to-end UX for 2–3 internal applications: requirements and stakeholder feedback turned into flows, information architecture, and high-fidelity prototypes. Includes the three-column test-compendium redesign that clarified source records against Labcorp destinations and AI suggestions — and got approved to move forward.

2–3products owned
WCAG AAdesigned in, not bolted on
Figma IA & flows Prototyping Accessibility
Read the case study →
04 Full-stack — solo build

UnifyUXR — Research Data Automation

I noticed researchers hand-merging UserZoom exports in Excel and nobody had claimed the problem. So I designed and built the fix alone: an Angular app that normalizes and combines multiple exports with weighted calculations. Hours or days of analysis, now seconds — deployed on Kubernetes and still in regular use.

5researchers unblocked
1person: design → deploy
Angular TypeScript Docker Kubernetes Jenkins
Read the case study →
02 — Method

How I actually work with AI

Not a buzzword on this page — a working method. AI collapses the distance between a requirement and something people can react to. I'm the go-to AI resource in my UX organization and lead biweekly Learning Labs to get other designers and PMs using it too.

Step 01

Read for the interaction

Requirements land as a written spec, a meeting, or a Figma comment thread. I read past the feature list for the core interaction — what is the person actually trying to get done, and what's in their way.

Input — stakeholder brief
Step 02

Build it in the room

I open Replit in the meeting and build working UI with Claude and Cursor while stakeholders watch. Feedback lands on something real while the context is still fresh, and "I didn't picture it like that" stops happening.

Claude Code · Cursor · Replit
Step 03

Land it in production

The aligned prototype becomes a Figma file, then Angular or React code — with the component library keeping design and code the same thing. Design-system updates that used to take months now take days.

Code Connect · Angular · React
03 — Experience

I came to design through infrastructure

Before I owned UX for healthcare applications, I was root-causing enterprise systems for customers who were down. That's why I care whether a design survives contact with production.

Jul 2024 — Present

UX Designer

Labcorp — Durham, NC
  • Co-lead the enterprise design system across Figma and a Bootstrap-based SCSS framework used by roughly 30 designers and researchers and most internal product teams — shared patterns, documentation, and WCAG AA-compliant components.
  • Own end-to-end UX for 2–3 internal healthcare web applications, translating requirements and stakeholder feedback into flows, IA, layouts, interactions, and high-fidelity prototypes alongside product and engineering.
  • Designed and independently developed UnifyUXR after spotting a recurring manual Excel bottleneck — cutting a repeated analysis from hours or days to seconds for five UX researchers; deployed with Docker, Kubernetes, and Jenkins CI/CD, and still in regular use.
  • Initiated and co-lead the standardized Angular and React component-library program after identifying repeated component recreation across product teams.
  • Serve as the go-to AI resource in the UX organization and lead biweekly Learning Labs, helping designers and PMs adopt AI-assisted workflows through reusable skills and agents.
Jun 2023 — Jun 2024

Systems Reliability Engineer

Nutanix — Durham, NC
  • Diagnosed complex infrastructure, software, and hardware issues for enterprise customers across Nutanix AOS and AHV, meeting SLA commitments through systematic troubleshooting and root-cause analysis.
  • Managed a high-volume Jira support queue and partnered with engineering to reproduce defects, document findings, and reduce recurring incidents.
  • Acted as technical contact for enterprise clients, validating multi-vendor configurations with VMware, Cisco, and Lenovo.
May 2021 — Aug 2022

Systems Reliability Engineer, Intern

Nutanix — Durham, NC
  • Supported enterprise customers and validated hardware and software configurations in internal labs across AOS/AHV, storage, and virtual-machine environments.
Jun 2018 — Jul 2019

Information Technology Intern

Labcorp — Burlington, NC
  • Developed Java and Spring REST services integrated with FHIR APIs for clinical data exchange; deployed Nutanix and VMware test infrastructure and supported enterprise end users.
Education
The Pennsylvania State University
B.S. Human-Centered Design and Development · Minor in Security and Risk Analysis
University Park, PA — Aug 2019 – May 2023
Certifications
  • Nutanix Support Specialist
  • CompTIA A+
04 — About

The designer who builds it too

I design in Figma and build in Angular and React. That puts me on both sides of the handoff, which is the only reason I have strong opinions about it.

My work spans the whole lifecycle: requirements and research, prototyping, building and publishing component libraries, and writing the production code that consumes them. AI runs through all of it — live prototyping sessions where a stakeholder requirement becomes interactive UI in real time, and agent workflows that take design-system updates from months to days.

The pattern in everything on this page is the same. I notice the gap nobody has claimed — a manual Excel process, three teams rebuilding the same button, a rushed workflow that hides the source record — and then I go build the fix instead of filing a ticket about it.

I'm looking for UX Designer, Product Designer, and Design Technologist roles where design and engineering are one conversation rather than two.

Design
Figma · prototyping · interaction design
workflow design · information architecture
design-system governance · WCAG AA
Storybook documentation
Build
Angular · React · TypeScript
HTML/SCSS · Bootstrap · NX monorepo
NPM publishing · Figma Code Connect
Docker · Kubernetes · Helm · Jenkins
Automate
Claude Code · Cursor · Replit
Figma Make · agent workflows
AI-assisted prototyping & team enablement
05 — Contact

Let's build something that ships.

Open to UX Designer, Product Designer, and Design Technologist roles. I bring the design craft and the engineering depth to ship it — usually replies same day.