UX Design Engineer

Responsibilities

• Design System Stewardship – Maintain and evolve Coates’ design system to ensure consistency, accessibility, and scalability across products.
• Component Library Development – Build and document reusable UI components in Storybook; ensure they are performant, responsive, and accessible.
• Cross-Functional Collaboration – Partner with front-end developers and product teams to translate UX patterns into robust, reusable code.
• Design-Development Alignment – Act as the design advocate within the engineering team, ensuring high-quality implementation of design intent.
• Tooling & Workflow Optimization – Improve the efficiency of design-to-code workflows through better tooling, documentation, and process automation.
• Accessibility & Quality Assurance – Embed accessibility and usability best practices into component development and review cycles.

• Hybrid Design-Engineering Mindset – Equally comfortable discussing design philosophy and writing production-ready code.
• System Thinking – Designs for reuse, scalability, and consistency across multiple digital touchpoints.
• Collaboration & Communication – Effectively bridges design and engineering disciplines, simplifying complex ideas for diverse audiences.
• Attention to Detail – Obsesses over quality, accessibility, and fidelity between design and implementation.
• Continuous Improvement – Seeks new tools, methods, and frameworks to improve design system scalability and team productivity.

Technical

Skills:

• Proficiency in React and Type Script (or equivalent framework experience).
• Expertise in Storybook, Figma-to-code workflows, and design token management.
• Advanced proficiency in HTML5, CSS3, and JavaScript, including experience with modular design, CSS animations, and performance optimization.
• Experience integrating design systems into engineering pipelines (e.g., npm packages, monorepos).
• Familiarity with UX design principles, motion design, and user-centered design methodologies.

Additional Knowledge (Preferred):

• Bachelor’s degree in IT, Computer Science or a related field.
• Experience collaborating within a component-driven development culture (e.g., Atomic Design principles).
• Understanding of content management systems or digital signage applications is a plus.
• Experience with cross-browser compatibility and debugging, ensuring consistent experiences across various devices and platforms.

$114,000 - $130,000 a year

Full Salary Range: $114,400/year (minimum), $122,200/year (midpoint), $130,000/ (maximum).

Pay is based on relevant experience, skills, education, internal equity, and market data. Well-qualified candidates can generally expect offers around the midpoint. Candidates who meet the minimum qualifications but have more limited directly relevant experience for this specific role are typically placed nearer the minimum, while highly experienced candidates with strong role alignment may be placed closer to the maximum.

The benefits include an annual market competitive bonus program and our “Thrive Program” which includes a suite of flexible work options because we’re strong believers that you should never miss an important life or work moment. Thrive also provides dedicated time to prioritize our health and wellbeing (virtual Yoga or meditation sessions), a Global Wellness paid day off to recharge as well as a “Give Back Day” to allow our Crew an opportunity to make an impact in the community.

Coates Group is an Equal Opportunity Employer and does not discriminate on the basis of race, color, creed, national or ethnic origin, gender, religion, disability, age, political affiliation or belief, disabled veteran, veteran of the Vietnam Era, or citizenship status (except in those special circumstances permitted or mandated by law).