Experience

Summary

Product designer who works in code. I define what gets built — customer research, product briefs, prototypes — and build the frontend in React and TypeScript. I built the design system our web app runs on, and the automated checks that keep design and code in sync. Nine years in design, five writing production frontend.

Skills

Design systems: component libraries, design tokens, documentation and standards, versioned releases, multi-platform systems
Frontend: TypeScript, React, Next.js, Tailwind, React Native, Storybook, Git, code review
AI tooling: automated design rules, AI coding guardrails, design-to-code workflows
Product: product definition and briefs, customer research, prototyping, 0–1 features, roadmap input
Platforms: mobile-first web, iOS, Android, Windows desktop
Accessibility: WCAG AA, keyboard operability, light and dark modes

Vimocity · Seattle, WA

May 2021 – Present

Workplace health platform · ~50,000 users across 30+ organizations

Design Engineer, Product Design ManagerSep 2024 – Present
Product DesignerMay 2022 – Aug 2024
Multimedia DesignerMay 2021 – Apr 2022

Design system

Built VimUI and lead its growth: 50+ web components on shared tokens, documented in Storybook. Color and type tokens carry across our iOS, Android, and Windows desktop apps.
Raised reusable component use from about 10% to 80–90% of frontend code, and design token use from 0% to 99%.
Wrote the standards that govern the system — structure, tokens, typing, accessibility, documentation, and versioning — and maintain them as the reference the whole team builds against.
Run the system as a versioned package: semantic versioning, a changelog entry per change, and beta releases sent to the apps that consume it before anything breaking ships.

Automation and AI tooling

Built automated checks that run before every merge, at two levels: rules governing how components are built in the design system, and rules governing how pages are built in the product — token use, accessibility, loading states, and responsive breakpoints.
Loaded the same rules into our AI coding tools, so generated code follows the standards by default instead of being corrected afterward.
Result: design is no longer a bottleneck. The full seven-person team can build production-quality interfaces, and outside design help is rarely needed.

Product

Define what gets built: synthesize customer feedback, write product briefs, and set direction with the leadership team.
Prototype in real components rather than mockups, so we test near-final work and iterate faster. About 80% of the frontend code I build in prototype reaches production.
Interview customers and non-customers to check that features hold up beyond our existing base.
Represent design and customer needs in company leadership meetings, reporting to the President/COO.

Design and delivery

Design and build features directly in the product codebase; review and approve frontend pull requests across the team.
Rebuilt the entire web application from a legacy codebase onto Next.js, TypeScript, and Tailwind, page by page, against the component library.
Set a distinct approach per platform: mobile-first web, React Native for iOS and Android, and a Windows app designed around native notifications.

Modern Trailhead · Seattle, WA

Dec 2016 – Present

Design Engineer & Digital Consultant | Owner (concurrent)

Design and build websites end to end — strategy, interface design, frontend implementation.
Clients include Brooks Running, Shake Shack, Seabourn Cruise Lines, Chateau Ste. Michelle, Car Toys.

Clean Energy Transition Institute · Seattle, WA

Dec 2017 – Aug 2021

Digital Communications Manager (contract)

Led digital communications, web presence, and data storytelling for a clean energy research nonprofit.

Selected work

Login and account creation — Replaced three platform-specific flows with one web-based flow, added multi-factor authentication. Cut login and account-access support tickets by 80%.
Content discovery — New browse page plus video and playlist detail pages. Improved content relevance by 35%.
Safety campaigns — Tools for safety leads to send targeted content across their organization. Improved content access 5x.
Challenges — Personal, team, and leaderboard challenges across mobile, web, and desktop.
Desktop movement app — Windows app delivering personalized movement reminders on a schedule people set themselves.
Playlists — Custom content collections, shareable and embeddable in company intranets. Also used by sales to build industry-specific collections for prospects.

Education

University of Washington — BA, International Development; Minor, Spanish