UI Engineer

Join Barclays as a UI Engineer on our Digital Experience Platform team. You will contribute to building the foundational component library and design system that powers our next-generation digital experiences. This role offers you the opportunity to work on tools and components used by teams across the organisation, directly impacting how user interfaces are built and delivered. You will collaborate closely with designers, senior engineers, and product teams in an environment that values technical excellence, accessibility, and continuous learning.

To be successful as a UI Engineer, you should have:

• Strong proficiency in React and TypeScript, with experience building reusable components or contributing to component libraries
• Solid understanding of modern CSS, including CSS custom properties, CSS-in-JS solutions, or utility-first frameworks like Tailwind CSS
• Experience working with design tokens and understanding how design decisions translate into code
• Good understanding of web accessibility standards and experience implementing accessible components with proper ARIA attributes and keyboard navigation
• Familiarity with component documentation tools such as Storybook, including writing stories and usage examples
• Experience with modern frontend build tools and package management (Vite, Rollup, npm/pnpm)
• Strong collaboration skills with the ability to work effectively with designers and incorporate design feedback
• Attention to detail and commitment to delivering polished, high-quality components

Some other highly valued skills may include:

• Experience with Vue.js or other modern frontend frameworks, demonstrating adaptability across technologies
• Knowledge of animation libraries and implementing smooth micro-interactions
• Experience with visual regression testing tools (Chromatic, Percy, or similar)
• Understanding of semantic versioning and library release processes
• Contributions to open-source projects or personal projects demonstrating frontend expertise
• Familiarity with monorepo structures and tooling (Nx, Turborepo, pnpm workspaces)
• Experience with Figma and understanding designer workflows

You may be assessed on the key critical skills relevant for success in role, such as risk and controls, change and transformation, business acumen strategic thinking and digital and technology, as well as job-specific technical skills.

This role will be based in our Prague office.

Purpose of the role

To design, develop and improve software, utilising various engineering methodologies, that provides business, platform, and technology capabilities for our customers and colleagues. 

Accountabilities

• Development and maintenance of React-based components following modern design system principles, ensuring components are accessible, performant, and thoroughly documented.
• Collaboration with designers to translate design tokens, specifications, and interaction patterns into reusable, production-ready components that maintain design fidelity.
• Creation and improvement of developer documentation, code examples, and usage guidelines that enable engineering teams to efficiently adopt design system components.
• Implementation of comprehensive testing strategies including unit tests, visual regression tests, and accessibility audits to ensure component quality and reliability.
• Participation in code reviews, providing constructive feedback and maintaining high standards of code quality across the component library.
• Adherence to accessibility standards (WCAG 2.1 AA) and inclusive design principles, ensuring all components meet accessibility requirements and work across assistive technologies.
• Contribution to build pipelines, release processes, and tooling improvements that support a scalable, versioned component library.
• Active engagement with consuming teams to understand their needs, gather feedback, and continuously improve component APIs and documentation.

Assistant Vice President Expectations

• To advise and influence decision making, contribute to policy development and take responsibility for operational effectiveness. Collaborate closely with other functions/ business divisions.
• Lead a team performing complex tasks, using well developed professional knowledge and skills to deliver on work that impacts the whole business function. Set objectives and coach employees in pursuit of those objectives, appraisal of performance relative to objectives and determination of reward outcomes
• If the position has leadership responsibilities, People Leaders are expected to demonstrate a clear set of leadership behaviours to create an environment for colleagues to thrive and deliver to a consistently excellent standard. The four LEAD behaviours are: L – Listen and be authentic, E – Energise and inspire, A – Align across the enterprise, D – Develop others.
• OR for an individual contributor, they will lead collaborative assignments and guide team members through structured assignments, identify the need for the inclusion of other areas of specialisation to complete assignments. They will identify new directions for assignments and/ or projects, identifying a combination of cross functional methodologies or practices to meet required outcomes.
• Consult on complex issues; providing advice to People Leaders to support the resolution of escalated issues.
• Identify ways to mitigate risk and developing new policies/procedures in support of the control and governance agenda.
• Take ownership for managing risk and strengthening controls in relation to the work done.
• Perform work that is closely related to that of other areas, which requires understanding of how areas coordinate and contribute to the achievement of the objectives of the organisation sub-function.
• Collaborate with other areas of work, for business aligned support areas to keep up to speed with business activity and the business strategy.
• Engage in complex analysis of data from multiple sources of information, internal and external sources such as procedures and practises (in other areas, teams, companies, etc).to solve problems creatively and effectively.
• Communicate complex information. 'Complex' information could include sensitive information or information that is difficult to communicate because of its content or its audience.
• Influence or convince stakeholders to achieve outcomes.

All colleagues will be expected to demonstrate the Barclays Values of Respect, Integrity, Service, Excellence and Stewardship – our moral compass, helping us do what we believe is right. They will also be expected to demonstrate the Barclays Mindset – to Empower, Challenge and Drive – the operating manual for how we behave.