Skip to content
DESIGN ENGINEER

Luke Gram

Design that survives contact with production.

From research through design to shipped code, I turn complex clinical processes into experiences that are simple, understandable, and human.

RESEARCHDESIGNCODESHIP
PORTFOLIO THEME
#8E9FE0 · “Periwinkle

re-themes the whole site · WCAG AA held in light and dark

Site accent set to Periwinkle, #8E9FE0; theme regenerated with AA contrast in both modes.

§ 01

Flagship work

The three projects that carry the thesis — each designed, engineered, and shipped end to end.

PATIENT DATA THAT TRAVELS ANYWHERE

Forming (FFB)

Behavioral health still runs on paper forms nobody can compute. Forming replaces them: clinicians author a form once — or let AI build it from a description or a photo of the paper version — and it runs in any EHR, fully coded for outcomes, reporting, and billing. I designed it, architected it, and built it in TypeScript.

ONE BRAND INPUT → ACCESSIBLE UI, ANY STACK

Qualifacts Design System

One brand hex in, a full accessible theme out. Built stack-agnostic by design — React, web components, MUI, .NET, or plain HTML adopt the same accessible foundation without rewriting their tooling — and shipped as published, tested npm packages with accessibility enforced in CI.

ADA & SECTION 504, ANSWERED

Accessibility Program

Qualifacts' answer to its legal duty of access, run as a program of one. Code-level audits across web, iOS, and Android, VPATs for procurement, leadership reporting, and remediation written straight into Jira — automation is the headcount.

§ 02

Selected work

A tighter tier — one proof each, from AI products to standards-heavy flows.

§ 03

My process

Research with real users and customers, PRDs written before code, design in Figma or directly in the system, then agentic build sessions with tools I made myself — multi-pass reviews, decision records, accessibility gates. See how it fits together.