Senior UX Engineer – Product Design

We are seeking a highly experienced UX Engineer to join our Product Design team. This is a specialist role focused on building and maintaining a Living Product Design Showcase using native web technologies — no frameworks, no UI libraries, no shortcuts.

You’ll be working in close partnership with a Product Designer, turning Figma designs into clean, framework-free HTML, CSS, and ES6 JavaScript — producing reusable, well-documented, production-ready UI components that set the visual and behavioural standards for our product.

If you’re fluent in the native browser environment, confident working without the crutches of frameworks, and passionate about creating robust, elegant UI foundations and are an expert in native browser development — we’d love to talk.

What You’ll Do

• Design, implement, develop and maintain a framework-free, Living Product Design System Showcase — a collection of pages and components that serve as the UI/UX source of truth for product teams.
• Your primary role requires deep technical/implementation expertise in relation to applications that run in a browser, but you will also have a good eye for design and understand the importance and value of good product UI/UX design.
• Create reusable, native Web Components using ES6+ and the Shadow DOM to encapsulate behaviour, structure, and style.
• Translate Figma designs into semantic, accessible, maintainable HTML/CSS/JS — with a strong eye for detail and fidelity.
• Build responsive, cross-browser layouts using modern CSS (Grid, Flexbox, custom properties).
• Conceptualize and articulate reusable UI components and patterns and ensure their consistency across the product surface.
• Write high-quality documentation as a natural output of your engineering process — including usage guidance, accessibility notes, and examples.
• Collaborate closely with product designers, product developers, and stakeholders to evolve and maintain the design system as a living product.

What We’re Looking For

Core Requirements:

• Expert-level knowledge of HTML5, CSS3, and modern JavaScript (ES6+) with good architectural design ability.
• Solid experience working directly in the native browser environment — you’re comfortable without frameworks, utility libraries, or component kits.
• Strong experience with Web Components, including Shadow DOM, custom elements, and component encapsulation patterns.
• A portfolio of framework-free work, ideally including examples of standalone components, design systems, or UI libraries.
• Solid understanding of semantic HTML markup, accessibility (WCAG), responsive design, and CSS architecture (e.g. BEM, OOCSS, or utility-scoped styles).
• Understand how to design and implement a colour system for a high-fidelity user interface using semantic design tokens that are well thought out and easy to use by developers.
• Willingness and ability to produce clear, concise documentation as part of your development efforts — component usage, behavioural guidelines, and system structure aimed at developers using the living design system.

Bonus Points For:

• Experience building or maintaining a design system or internal UI toolkit portal.
• Familiarity with design tokens and their role in synchronizing design and code.
• Comfortable using design tools like Figma, and working closely with product designers.
• Familiarity with modern build tools (e.g. Vite, Rollup, esbuild etc) — though you won’t need to build complex pipelines in this role.

What you will not be required to do

• You won’t be required to write Vue, React or Angular code (although its useful that you know how to).
• You won’t be using Bootstrap, Tailwind, or other opinionated UI design and/or component libraries (again, useful if you know these systems).
• You will instead be crafting the foundational UI components of a dedicated bespoke product design ecosystem, with complete control and clarity over what you build.

Why This Role Might Be Right for You

• You enjoy working close to the browsers “bare metal” — directly with HTML, CSS, and native JS.
• You’re passionate about precision and quality in UI implementation.
• You’ve got a strong sense of ownership and pride in the things you build.
• You value clarity, documentation, and maintainability as much as technical elegance and are willing to be a champion for, and a creator of the same.
• You want your work to be the source of truth others can build upon.
• You will perform well in the core browser technologies in a live-coding interview.

To Apply:
Please include examples of past framework-free UI work, especially any design systems, component libraries, or high-fidelity frontend implementations built with native technologies.