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. Capabilities 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. Qualifications Technical Skills: Proficiency in React and TypeScript (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. Salary Range $114,000 - $130,000 a year. Full Salary Range: $114,400/year (minimum), $122,200/year (midpoint), $130,000/year (maximum). Pay is based on relevant experience, skills, education, internal equity, and market data. Benefits Benefits include an annual market competitive bonus program and a Thrive Program which includes: Flexible work options. Dedicated time for health and wellbeing (e.g., virtual yoga, meditation sessions). Global Wellness paid day off to recharge. “Give Back Day” to allow crew members to make an impact in the community. Equal Opportunity Statement 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). #J-18808-Ljbffr Coates Group