Senior UX Engineer

📍 Job Overview

Job Title: Senior UX Engineer

Company: ADSP

Location: London, England, United Kingdom

Job Type: FULL_TIME

Category: UX Engineering / Frontend Development

Date Posted: 2026-09-28

Experience Level: Mid-Senior Level (5-10 years)

Remote Status: Hybrid

🚀 Role Summary

• Lead the design and development of scalable design systems and high-performance frontend applications, leveraging modern web technologies like HTML, CSS, JavaScript, and TypeScript frameworks (React, Next.js).

• Act as a crucial bridge between design and frontend engineering, translating complex UX/UI designs and wireframes into production-ready, accessible, and performant code.

• Drive client engagement through facilitation of UX/UI discovery workshops, requirements elicitation, user journey mapping, and impactful client presentations.

• Champion best practices in web accessibility (WCAG compliance), responsive design, and cross-browser compatibility to ensure inclusive and universally accessible digital experiences.

• Mentor junior developers and designers, fostering a culture of continuous learning and excellence in UI engineering.

📝 Enhancement Note: This role is positioned as a Senior UX Engineer, indicating a need for significant experience in both UX principles and frontend development execution. The emphasis on leading design systems, facilitating client workshops, and mentoring suggests a blend of technical expertise, strategic thinking, and leadership potential. The company's focus on delivering "intuitive, accessible, and high-performance digital experiences" highlights the critical nature of this role in product development.

📈 Primary Responsibilities

• Spearhead the creation and evolution of robust design systems and scalable frontend applications, utilizing HTML, modern CSS, JavaScript, and TypeScript frameworks such as React and Next.js.

• Translate sophisticated UX/UI designs, wireframes, and user flows into high-quality, production-ready code, ensuring pixel-perfect fidelity and optimal performance.

• Orchestrate and lead UX/UI discovery and requirements elicitation workshops with clients and internal stakeholders, meticulously defining user journeys, identifying edge cases, and documenting interaction specifications.

• Actively advocate for and implement web accessibility standards (WCAG compliance), responsive design principles, and cross-browser compatibility across all digital touchpoints to ensure broad user reach and usability.

• Craft clear and compelling written reports and presentations to effectively communicate complex UX concepts, prototypes, and technical specifications to diverse audiences, including non-technical stakeholders.

• Present UX concepts, prototypes, and development progress to clients and stakeholders through engaging demos, detailed documentation, and interactive workshops.

• Provide expert mentorship, guidance, and code reviews to fellow developers and designers, promoting best practices in UI engineering, code quality, and accessibility.

📝 Enhancement Note: The responsibilities emphasize a strong technical foundation in frontend development combined with a deep understanding of UX principles and client-facing communication. The inclusion of "scalability," "high-performance," and "complex workflows" suggests a need for an engineer who can handle intricate projects and contribute to architectural decisions within the frontend domain.

🎓 Skills & Qualifications

Education:

• A degree in a creative or quantitative field such as Design, Engineering, Mathematics, or Finance.

• Alternatively, a strong portfolio showcasing past projects and relevant experience is required for self-taught candidates. Experience:

• Proven experience successfully contributing to UX engineering or frontend UI development across complex web applications.

• Demonstrated experience in successfully contributing to complex frontend projects, encompassing a holistic understanding of the software development lifecycle from initial design through to deployment, including associated project management and risk assessment. Required Skills:

• Mastery of HTML, CSS, and JavaScript, with the ability to write foundational programs incorporating programming concepts, data structures, algorithms, and UI components or HTML DOM manipulation.

• Strong understanding of modern frontend frameworks, specifically React and Next.js.

• Profound knowledge of browsers, web APIs, and software development processes, including version control using Git and Agile/Scrum methodologies.

• Excellent grasp of UX/UI best practices and the ability to work with and contribute to design systems.

• Deep understanding of web accessibility standards (WCAG), semantic HTML, ARIA attributes, keyboard navigation, and screen reader compatibility.

• Hands-on experience and understanding of Docker storage and volumes.

• Proficiency with Git version control and modern frontend development tools.

• Ability to analyze and interpret others' code to ensure adherence to visual fidelity and UI best practices.

• Strong consultative communication skills, with the ability to articulate design and engineering trade-offs effectively to both technical and non-technical stakeholders.

• Familiarity with Agile/Scrum delivery processes. Preferred Skills:

• Experience facilitating UX discovery sessions, user journey mapping, and client design presentations.

• Experience completing code reviews in HTML/CSS/Typescript through Git, and applied other best practices to technical projects.

📝 Enhancement Note: The requirements highlight a blend of technical frontend skills, UX understanding, and process knowledge. The emphasis on "complex web applications" and a "holistic understanding of the software development process" indicates a need for an experienced professional capable of contributing strategically and technically. The specific mention of Docker storage and volumes, while perhaps tangential to core UX engineering, suggests potential involvement in deployment or CI/CD pipelines.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a range of completed frontend projects that demonstrate expertise in translating complex designs into functional, performant, and accessible web interfaces.

• Include case studies that highlight contributions to design systems, detailing their impact on development efficiency, consistency, and user experience.

• Provide examples of work that adhere to WCAG accessibility standards, illustrating your understanding and implementation of semantic HTML, ARIA attributes, and keyboard navigation.

• Demonstrate experience with rapid prototyping and the ability to iterate based on feedback, showcasing the process from initial concept to final implementation.

• Present projects that utilize modern JavaScript frameworks like React and Next.js, emphasizing clean code, component-based architecture, and efficient state management. Process Documentation:

• Document your approach to bridging design and development, detailing how you translate wireframes and mockups into production-ready code while maintaining design integrity.

• Illustrate your workflow for facilitating client discovery sessions, including methodologies for requirements gathering, user journey mapping, and stakeholder engagement.

• Explain your process for ensuring web accessibility and responsive design across multiple devices and browsers, outlining testing and validation methods.

• Detail your experience with version control (Git) and Agile methodologies, showcasing how you integrate these into your development workflow for efficient project delivery.

📝 Enhancement Note: A strong portfolio is paramount, especially for candidates without a formal degree. The emphasis should be on demonstrating practical application of skills in real-world scenarios, with a focus on performance, accessibility, and the ability to collaborate effectively within a development lifecycle.

💵 Compensation & Benefits

Salary Range:

Based on industry benchmarks for a Senior UX Engineer in London with 5-10 years of experience, the estimated salary range is £70,000 - £95,000 per annum. This estimate considers the competitive London tech market, the seniority of the role, and the comprehensive benefits package offered.

Benefits:

• Competitive compensation package including an annual performance bonus and equity.

• Generous annual leave: 26 days, plus 8 bank holidays and your birthday off.

• Comprehensive BUPA Private Healthcare coverage.

• Enhanced family leave policies.

• A dedicated £1,000 annual development budget for professional growth.

• Flexible hybrid working model with 1 day per week in the modern Shoreditch office.

• Opportunity for remote work from anywhere in the world for up to 4 weeks annually.

• Choice of the latest technology: a high-spec Windows machine or a MacBook.

• On-site amenities: free snacks and drinks.

• Regular team social events fostering a strong team culture. Working Hours:

• Standard working hours are approximately 40 hours per week, with flexibility offered through a hybrid working model and opportunities for remote work.

📝 Enhancement Note: The salary range is an estimate based on market data for similar roles in London. The benefits package is extensive, emphasizing work-life balance, professional development, and employee well-being, which are attractive to experienced professionals in the tech industry.

🎯 Team & Company Context

🏢 Company Culture

Industry: The company operates within the technology sector, likely focusing on digital product development, consulting, or bespoke software solutions, given the UX Engineering focus and client-facing responsibilities. ADSP's specialties might include AI, advanced analytics, or digital transformation services.

Company Size: ADSP is likely a growing mid-sized to large technology firm, indicated by the structured interview process, comprehensive benefits, and the existence of a dedicated UX Engineering role. This size typically offers a balance of stability and opportunity for impact.

Founded: Information on the founding date is not provided, but the company's presence on platforms like careers.adsp.ai suggests it is an established entity with a focus on talent acquisition and growth.

Team Structure:

• The UX Engineering team is likely composed of skilled individuals with expertise in both design and frontend development, potentially working in close collaboration with product managers, UX designers, and backend engineers.

• The reporting structure for a Senior UX Engineer would typically involve reporting to a Head of Engineering, Lead UX Designer, or a Director of Product/Technology.

• Cross-functional collaboration is a key aspect, with frequent interaction with design, product, and client teams to translate requirements into tangible digital solutions. Methodology:

• Data analysis and insights are crucial, particularly in understanding user behavior and the performance of implemented interfaces.

• Workflow planning and optimization are central to the role, ensuring efficient translation of designs into code and continuous improvement of development processes.

• Automation and efficiency practices are likely employed, especially in areas like design system implementation, testing, and deployment pipelines.

Company Website: https://careers.adsp.ai

📝 Enhancement Note: ADSP appears to be a forward-thinking technology company that values innovation, client collaboration, and employee development. The emphasis on UX Engineering suggests a commitment to user-centric design and high-quality digital product delivery.

📈 Career & Growth Analysis

Operations Career Level: This role is at the "Senior" level, signifying a professional with substantial experience (5-10 years) who is expected to operate with a high degree of autonomy, tackle complex challenges, and contribute strategically. A Senior UX Engineer is expected to not only execute but also guide and mentor others, and influence technical and design decisions.

Reporting Structure: As a Senior UX Engineer, you will likely report to a Lead UX Engineer, Head of Frontend, Director of Engineering, or a similar leadership role. You will collaborate closely with UX Designers, Product Managers, and other Engineering teams.

Operations Impact: The impact of this role is significant, directly influencing the user experience, usability, and performance of digital products. By ensuring intuitive interfaces, accessibility, and efficient development processes, the Senior UX Engineer contributes to user satisfaction, adoption rates, and ultimately, the success of the products and services ADSP delivers to its clients.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific frontend frameworks (e.g., advanced React patterns, Next.js optimizations), modern CSS architectures, or emerging web technologies.

• Design System Leadership: Take on more responsibility for the architecture, governance, and evolution of ADSP's design systems, potentially leading a dedicated team or initiative.

• Mentorship & Team Lead: Progress into a Tech Lead or Team Lead role within the UX Engineering or Frontend Development domain, focusing on guiding team members, architectural decisions, and project execution.

• Cross-functional Leadership: Transition into roles that require broader strategic input, such as Product Management or Solution Architecture, leveraging a strong understanding of both user needs and technical feasibility.

📝 Enhancement Note: The career path for a Senior UX Engineer at ADSP offers opportunities for both deep technical specialization and broader leadership development, aligning with the company's supportive and growth-oriented environment.

🌐 Work Environment

Office Type: The company offers a flexible hybrid working model, with a requirement of 1 day per week in their modern Shoreditch office. This suggests a contemporary workspace designed for collaboration, innovation, and employee comfort.

Office Location(s): The primary office is located in Shoreditch, London (Zetland House, EC2A 4HJ), a well-known hub for technology and creative industries, offering excellent connectivity and a vibrant atmosphere.

Workspace Context:

• The Shoreditch office is likely equipped with modern amenities to foster a collaborative environment, potentially including open-plan areas, meeting rooms, and breakout spaces conducive to team interaction and problem-solving.

• Access to the latest technology, including high-spec Windows machines or MacBooks, ensures that engineers have the tools necessary to perform their roles efficiently.

• Opportunities for spontaneous collaboration with designers, product managers, and fellow engineers are ample, facilitated by the office layout and the hybrid working model. Work Schedule:

• The standard work schedule is around 40 hours per week. The hybrid model provides flexibility, allowing individuals to balance office-based collaboration with remote work, supporting personal productivity and work-life integration.

📝 Enhancement Note: The Shoreditch location and hybrid model indicate a modern, employee-centric approach to work, aiming to balance in-person collaboration with the flexibility afforded by remote work.

📄 Application & Portfolio Review Process

Interview Process:

• Stage 1: 20 min video call with a member of the hiring team: This initial screening will likely focus on your background, interest in the role, and a high-level assessment of your fit with ADSP's culture and technical requirements. Be prepared to briefly discuss your most relevant UX engineering experience and motivations.

• Stage 2: Take-home task: This task will assess your practical skills in HTML, CSS, JavaScript, and potentially a framework like React. It will likely involve building a small component, solving a UI problem, or implementing a given design. Focus on clean code, accessibility, and responsiveness.

• Stage 3: 90 min F2F interview in our London office: This in-depth interview will likely involve technical deep dives, problem-solving exercises, discussions about your portfolio, and behavioral questions. You may meet with multiple team members, including engineers and designers.

Portfolio Review Tips:

• Curate Selectively: Choose 2-3 of your strongest projects that best showcase your UX engineering skills, focusing on complexity, impact, and adherence to best practices (accessibility, performance).

• Structure for Impact: For each project, clearly articulate the problem you solved, your role and contribution, the technologies used, the design decisions made, and the measurable outcomes or impact.

• Highlight Process: Emphasize your process for translating designs into code, your approach to accessibility, and your experience with design systems. Show, don't just tell.

• Technical Depth: Be prepared to discuss the technical details of your projects, including code architecture, performance optimizations, and challenges overcome.

• Client/Stakeholder Interaction: If possible, include examples that demonstrate your ability to communicate with stakeholders and clients, presenting concepts and trade-offs.

Challenge Preparation:

• Technical Proficiency: Brush up on core web technologies (HTML, CSS, JavaScript), modern frameworks (React, Next.js), accessibility standards (WCAG), and version control (Git).

• Problem-Solving: Practice breaking down complex UI problems into smaller, manageable parts and articulating your thought process clearly.

• Design System Understanding: Be ready to discuss how design systems work, their benefits, and how you've contributed to or utilized them.

• Communication: Practice explaining technical concepts and trade-offs to non-technical individuals. The F2F interview will heavily assess your consultative communication skills.

📝 Enhancement Note: The interview process is structured to evaluate candidates comprehensively, from initial screening to in-depth technical and cultural assessment. A strong, well-prepared portfolio is critical for success, particularly for the take-home task and the final interview stage.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Frameworks: React, Next.js (essential for building scalable and performant applications).

• Core Web Technologies: HTML5, CSS3 (including preprocessors like Sass/Less), JavaScript (ES6+), TypeScript.

• Version Control: Git (with platforms like GitHub, GitLab, or Bitbucket).

• Containerization: Docker (specifically for storage and volumes, indicating potential involvement in build/deployment processes).

Analytics & Reporting:

• Web Analytics: Tools like Google Analytics, Adobe Analytics, or similar platforms for tracking user behavior and performance metrics.

• Performance Monitoring: Browser developer tools, Lighthouse, WebPageTest for analyzing and optimizing frontend performance.

• Data Visualization: Potentially tools for creating