I lead product design at Vimocity, a workplace health and safety platform for utility companies, working cross-functionally to build features our customers love. My background spans video production, motion graphics, and UX/UI design, and I build what I design, from first prototype to the shipped product.
Skills
Design
Product design
UX/UI
Design systems
Prototyping
User research
Accessibility
Product
0→1 features
Product briefs
Roadmapping
Frontend
TypeScript
React
Next.js
Tailwind
React Native
Storybook
Tools and AI
Figma
Claude Code
AI coding guardrails
Design to code
Video and motion
Video production
Motion graphics
Photography
Platforms
Web
iOS
Android
Windows
Experience
Vimocity · Seattle, WA
May 2021 – Present
Workplace health and safety platform for utility companies · ~50,000 users across 75+ organizations
Built VimUI and lead its growth: 50+ web components on shared tokens, documented in Storybook, with color and type tokens shared across iOS, Android, and Windows.
Raised reusable component use from about 10% to 80–90% of frontend code, and design token use from 0% to 99%.
Wrote and maintain the system’s standards, from tokens to accessibility, and ship it as versioned releases, with a beta before anything breaking.
Automation and AI tooling
Built automated checks that run before every merge, on the design system’s components and the product’s pages: tokens, accessibility, loading states, and breakpoints.
Loaded the same rules into our AI coding tools, so generated code follows the standards from the start.
Result: design is no longer a bottleneck, and the whole team can build production-quality interfaces.
Product
Define what gets built with the leadership team, reporting to the President/COO, from customer feedback to product briefs.
Interview customers and non-customers to check that features hold up beyond our existing base.
Prototype in real components, so we test near-final work. About 80% of the frontend code I prototype reaches production.
Design and delivery
Design and build features in the product codebase, and review frontend pull requests across the team.
Rebuilt the web portal from a legacy codebase onto Next.js, TypeScript, and Tailwind, page by page, on VimUI.
Set the approach per platform: mobile-first web, React Native for iOS and Android, and V-minder, a Windows app built around notifications.
Video and motion
Started as the multimedia designer, producing, editing, and adding motion graphics to Vimocity’s videos.
Owner · design and digital consulting (concurrent)
Design and build client websites end to end, from strategy to launch.
Produce video and photo for brands including Brooks Running, Shake Shack, Seabourn Cruise Lines, Chateau Ste. Michelle, and 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 — One sign-in for web, mobile, and desktop, with multi-factor authentication. Login and account-access support tickets fell 80%.
Content discovery — New browse, video, and playlist pages. Content relevance improved 35%.
Safety campaigns — Targeted content that safety leaders send across their organization. Content access improved 5x.
Movement challenges — Leaderboard and individual target challenges across mobile, web, and desktop. Daily 5 completions rose 65% among participants.
V-minder — A Windows app with movement breaks on a schedule people set themselves. Its users are 1.3x as likely to complete the Daily 5.
Playlists — Shareable, embeddable video collections, also used by sales to pitch prospects. Saves grew more than 4x from launch to peak.
Education
University of Washington — BA, International Development; Minor, Spanish