高级设计工程师
Senior Design Engineer
_此职位为美国境内远程办公_
我们正在寻找一位以产品为导向的设计工程师,以弥合设计意图与最终交付体验之间的差距。你将推动Pit Viper(Turquoise Health的设计系统和组件库)的发展,同时直接在产品代码中工作,以提升应用的可用性、一致性、可访问性和整体品质。
Pit Viper包括视觉基础、布局、CSS模式以及使用Vue构建的pv-components。这些组件也可以作为原生Web Components分发,使我们能够在由Django模板驱动的产品轻量级、服务器端渲染的部分中重复使用该系统。
你将帮助确定正确的交互方式,在生产环境中实现它们,并识别何时一个产品改进应成为可重用系统功能。
此职位的成功意味着能够展示如下的成果:
- 一个之前需要一次性实现的重复产品模式,现在通过灵活且文档完善的pv-component得到支持
- 一个关键的工作流程因为其交互、层级、响应行为和边缘状态在代码中得到了优化,变得更容易理解
- 使用Vue和HTMX驱动的产品界面可以使用相同的组件,而不会造成用户体验的碎片化
- 可访问性、视觉一致性及交互问题在发布前被发现并解决,而不是在发布后清理
- 产品工程师因为我们的设计系统提供了更强的默认设置,可以更快地交付高质量的体验
### 职责
- 在我们内部的设计系统(PitViper)中设计、构建、测试、文档化并维护可重用的pv-components
- 创建有深意的组件API、组合模式、变体、交互状态和扩展点,以满足新兴的产品需求
- 确保组件在Vue应用中自然运作,同时在HTML和其他服务器渲染的产品界面中作为原生Web Components依然有用
- 在整个开发过程中与产品设计师和工程师紧密合作,从早期探索到生产实现
- 直接在应用代码中优化布局、交互、响应行为、排版、间距、焦点管理、过渡效果和反馈状态
- 最后一公里的设计交付:实现那些在设计文件和生产环境之间常被忽略的细节,包括加载、空状态等
查看英文原文
_This is a fully remote role within the United States._
We’re looking for a product-minded Design Engineer to bridge the gap between design intent and the experience we ultimately ship. You’ll evolve Pit Viper, Turquoise Health’s design system and component library, while working directly in product code to improve the usability, consistency, accessibility, and polish of our applications.
Pit Viper includes visual foundations, layouts, CSS patterns, and pv-components built with Vue. Those components can also be distributed as native Web Components, allowing us to reuse the system in lighter-weight, server-driven parts of the product powered by Django templates.
You’ll help determine what the right interactions should be, implement them in production, and identify when an individual product improvement should become a reusable system capability.
Success in this role means being able to demonstrate outcomes such as:
- A recurring product pattern that previously required one-off implementations is now supported by a flexible, well-documented pv-component
- A critical workflow is materially easier to understand because its interaction, hierarchy, responsive behavior, and edge states have been refined in code
- Vue and HTMX-powered product surfaces can use the same components without creating fragmented user experiences
- Accessibility, visual consistency, and interaction issues are caught and resolved before release rather than during post-launch cleanup
- Product engineers can ship high-quality experiences more quickly because our design system gives them stronger defaults
### Responsibilities
- Design, build, test, document, and maintain reusable pv-components within our internal design system (PitViper)
- Create thoughtful component APIs, composition patterns, variants, interaction states, and extension points that serve emerging product needs
- Ensure components work naturally within Vue applications while remaining useful as native Web Components in HTML and other server-rendered product surfaces
- Partner closely with product designers and engineers throughout the development process, from early exploration through production implementation
- Work directly in application code to refine layouts, interactions, responsive behavior, typography, spacing, focus management, transitions, and feedback states
- Last-mile design delivery: implementation of details that are often missed between a design file and production, including loading, empty, error, success, disabled, hover, and keyboard-navigation states
- Review product surfaces for visual, behavioral, and accessibility inconsistencies, then fix them at the appropriate level: within the feature, shared application code, or Pit Viper
- Improve the documentation, testing, release processes, and contribution practices that make Pit Viper easier for other teams to adopt
### What you’ll bring to the role
- 5+ years building production web interfaces with HTML, CSS, and JavaScript or TypeScript
- 1+ years of direct, hands-on experience building or maintaining a design system, component library, or shared UI framework (not just consuming one)
- Strong visual and interaction-design judgment. You can recognize why an interface feels unfinished and translate that observation into a concrete implementation
- Production-level experience with Vue (or a comparable component framework — React/Svelte/Angular)
- Demonstrable experience implementing accessibility standards (WCAG) in shipped components, not just design reviews
- A portfolio, or work sample showing before/after component or interaction work (not just visual mockups)
### **Bonus Points**
- Experience authoring and publishing native Web Components consumed outside their originating framework
- Experience working across a mixed-framework stack — a JS framework alongside server-rendered templates (Django, Rails, HTMX, or similar)
- Experience contributing to or maintaining a component library used by 10+ other engineers/teams
- Familiarity with Storybook, Figma-to-code tooling, or similar design-system tooling
- Experience in healthcare, fintech, or another data-dense enterprise product domain
### Benefits
- Competitive pay with equity options
- Stellar healthcare plan options, including Medical, Dental, and Vision, with FSA, DCFSA, and HSA options
- Company-sponsored disability and life insurance
- Unlimited PTO
- 401(k) with 4% matching
- Fully remote work and flexible working hours
- $750 work-from-home setup budget
- Paid biannual in-person company summits
- Quarterly $150 co-hanging stipend to meet with coworkers
- Monthly $100 health and wellness benefit
- Generous paid family leave
- Annual $1,200 learning and development stipend
## **About Turquoise Health**
Turquoise Health is a Series C price transparency platform for finance leaders across healthcare. Backed by a16z, Oak HC/FT, Adams Street, Yosemite, Bessemer Venture Partners, and others, we power price transparency for 300+ enterprise organizations and are building the infrastructure for a more open, efficient healthcare marketplace. We're a remote-first, US-based team that values transparency, empathy, inclusivity, creativity, and ownership.
We operate on US business hours and work with clients entirely based in the US. For this role, we are seeking US-based candidates.
_We strongly encourage BIPOC, people with disabilities, and LGBTQIA+ folks to apply for any open roles of interest. Healthcare affects all people differently, but it significantly affects those in underserved communities. With a robust, diverse team, we are stronger and better equipped to change the future of healthcare for all._
### **Work Authorization**
This role requires current authorization to work in the United States. Turquoise does not sponsor employment visas (H-1B, PERM, etc.) or assume sponsorship of existing visas for this position.
### **Disability Accommodation Email**
Turquoise is committed to providing reasonable accommodations to applicants and employees with disabilities. Please tell us if you require a reasonable accommodation to apply for a job or to perform your job. Examples of reasonable accommodation include making a change to the application process or work procedures, providing documents in an alternate format, using a sign language interpreter, or using specialized equipment. If you require assistance or an accommodation with the hiring process, please contact recruiting@turquoise.health
Note: All official communication from Turquoise will come from a **@turquoise.health** email address and all open roles are listed at turquoise.health/careers. We never ask candidates for payment or financial information. If you're contacted by anyone using a different domain, please disregard and report it as spam.