UI Engineer in Cardiff

About us At National Grid, we keep people connected and society moving. But it’s so much more than that. National Grid provides the environment to make it happen. As we build momentum in the energy transition for all, we don’t plan on leaving any of our customers in the dark.

As a UI Engineer, you’ll play a pivotal role in shaping the look, feel, and performance of NGED’s digital platforms. You’ll bring ideas to life — crafting intuitive, user‑centric front‑end experiences that millions rely on every day. This is your opportunity to make a real impact at scale.

Working closely with UX Designers, Product Managers, and Software Engineers, you’ll transform wireframes, prototypes, and design concepts into high‑quality, production‑ready interfaces using modern web technologies. You’ll take pride in delivering solutions that are not only visually compelling, but also secure, accessible, responsive, well‑tested, and high‑performing.

You’ll be a champion of best practice, setting the standard for front‑end engineering excellence while continually looking for ways to optimise and improve how we build and deliver digital experiences. Your work will directly enhance the customer experience and support our wider digital ambitions.

Beyond the technical side, you’ll act as a subject matter expert, fostering collaboration, embracing Agile ways of working, and contributing to a culture of continuous improvement across the engineering community. You’ll also have the opportunity to mentor and coach others, share knowledge, and support the wider software engineering function.

Build high‑quality, responsive, accessible, and secure user interfaces that perform seamlessly across browsers and devices, using modern front‑end technologies including Angular, HTML, CSS, TypeScript, and Node.js.

Design, implement, and maintain a robust suite of automated tests — from unit and integration tests to behavioural testing — ensuring confidence and quality across our digital front‑end estate.

Partner closely with UX Designers and Product teams to turn designs and prototypes into intuitive, scalable front‑end components, aligned to our micro‑frontend strategy and component‑based architecture.

Help deliver a consistent and polished look and feel across all digital products by contributing to and evolving a shared design system.

Write clean, modular, testable code that follows best‑practice programming principles, accessibility standards, and secure coding guidelines.

Continuously improve performance and user experience by optimising front‑end architecture, load times, and implementing smart code‑splitting techniques.

Review code, provide constructive feedback, and help shape front‑end standards and engineering guidelines.

Collaborate with back‑end engineers to define data contracts, integrate RESTful APIs, and ensure smooth, end‑to‑end system functionality.

Diagnose and resolve UI issues, defects, and incidents, keeping our digital platforms reliable and user‑focused.

About You Strong hands‑on experience with modern front‑end technologies, including HTML, CSS (and CSS pre‑processors), JavaScript (ES6+), TypeScript, and particularly the Angular framework, alongside state management libraries, package managers, and bundling tools such as Webpack or Vite.

Highly skilled in automated testing, with experience writing unit, integration, and end‑to‑end tests, and applying test‑driven and behaviour‑driven development practices.

Proven experience building and maintaining responsive, accessible, secure, and high‑performing user interfaces that work seamlessly across browsers and devices, using component‑based and micro‑frontend architectures.

Comfortable working with Git and modern development workflows, including branching strategies, CI/CD pipelines, feature toggling, semantic versioning, and semantic commits.

Solid understanding of RESTful APIs, with hands‑on experience integrating front‑end applications with back‑end services and contributing to clearly defined data contracts.

Experience working with UX design systems and tools such as Figma and Storybook, ensuring consistency and quality across digital products.

A natural problem‑solver with strong analytical skills, able to break down complex challenges and deliver elegant front‑end solutions.

A confident communicator and collaborator, comfortable working within cross‑functional teams of designers, engineers, and product professionals.

Experience working in Agile teams using frameworks such as Scrum or Kanban, with a willingness to contribute to ceremonies and continuous improvement.

What You'll Get Competitive Salary: circa £57,000 – £68,000 per annum (based on capability, and experience) Additional benefits: 26 days’ annual leave, plus 8 statutory bank holidays, with the option to buy additional holiday days and swap up to 3 bank holidays to better suit your personal needs.

A generous pension scheme with double matching up to 6% of your salary each month. For every £1 you contribute, we’ll contribute £2 — meaning a 6% personal contribution becomes an 18% total pension contribution.

Life insurance cover of 10x your basic salary, plus employer contributions towards the cost of your Private Medical Insurance.

Flexible benefits such as a cycle scheme, share incentive plan, technology schemes Access to apps such as digital GP service for round the clock access to GP video consultations and NHS repeat prescriptions, wellbeing app to support your health and fitness Access to Work + Family Space, providing support and resources for work and family life, including paid emergency childcare and eldercare.

This role can be based at our Warwick, Bristol, or Cardiff offices, with hybrid working - and you’ll also have access to our London co‑working space if that location suits your working pattern.

Every quarter, you’ll attend a 2–3 day in‑person planning event held at one of our office locations. This role is offered on a full time basis. This role closes on 23rd November however we strongly encourage candidates to submit their application as early as possible.

We value diversity and are committed to creating an inclusive workplace for all. We welcome applications from all suitably qualified candidates – we make appointments purely on merit, assessed against objective selection criteria.

We support flexible working and will make reasonable adjustments throughout the recruitment process should you have any physical or mental impairment which may affect your ability to participate in the process.

Please note that in most cases, National Grid is unable to offer sponsorship for employment under the UK points-based immigration system. As such, applicants must have the legal right to work in the UK without requiring sponsorship now or in the future under the UK points-based immigration system. However, in exceptional circumstances where there is a clear and demonstrable need for specialist skills that cannot be sourced from the local labour market, National Grid may consider offering sponsorship. All applications are welcome from candidates who meet these requirements, regardless of race, nationality, or ethnic origin.