UI Engineer

About Us

At National Grid, we keep people connected and society moving. But it’s so much more than that. National Grid supplies us with the environment to make it happen. As we generate momentum in the energy transition for all, we don’t plan on leaving any of our customers in the dark. So, join us as a Software Engineer, and find your superpower.

National Grid is hiring a UI Engineer for our Electricity Distribution (NGED) team. We offer flexible working arrangements, including the option for home working. However, you will be required to be available for our quarterly planning meetings, which will take place at our offices in Bristol or Plymouth.

Reporting to the Head of Software Engineering, the Software Engineer is responsible for designing, implementing, and managing software (cloud and on premise), platforms, tooling and systems (SaaS and on-premise) in support of the development team. The role is responsible for ensuring system scalability, reliability, efficiency and security across diverse environments, while driving automation and operational excellence. The software engineer is expected to play a critical role in enhancing resilience and optimising performance, while adhering to industry best practices and compliance standards.

Job Purpose

Reporting to the Head of UI, the UI (User Interface) Engineer is responsible fordesigning, developing, and optimising user-centric front-end interfaces across NGED’sdigital platforms. This role involves working closely with UX Designers, ProductManagers, and Software Engineers to bring wireframes, prototypes, and designconcepts to life using modern web technologies.

The UI Engineer ensures consistent and accessible interfaces, delivering scalable andmaintainable solutions that improve customer experience and align with the company’sdigital goals. The role champions UI best practices, performance, accessibility, andresponsive design.

In addition to technical responsibilities, the UI Engineer will act as a subject matterexpert, fostering collaboration and continuous improvement, promoting Agile values,and contributing to the culture of engineering excellence within the organisation.

The role also includes deputising for their line manager when necessary, andsupporting the broader software engineering community through mentoring, coaching,and knowledge sharing.

What You'll Do

• Develop high-quality, responsive, and accessible user interfaces using modernJavaScript frameworks (specifically Angular).
• Collaborate with UX designers and product teams to translate design wireframesand prototypes into working front-end components.
• Ensure a consistent look and feel across all digital products through theimplementation and maintenance of a shared design system.
• Write clean, modular, and testable front-end code following best practices andaccessibility standards
• Optimise application performance and load times through efficient front-endarchitecture and code splitting techniques.
• Conduct code reviews, provide feedback to peers, and contribute to front-enddevelopment standards and guidelines.
• Integrate RESTful APIs and work with back-end engineers to ensure seamlessend-to-end system functionality.
• Troubleshoot interface issues and debug browser compatibility problems acrossdevices and platforms.
• Stay up to date with industry trends, emerging technologies, and best practices,recommending improvements where appropriate.
• Contribute to Agile ceremonies such as stand-ups, sprint planning, andretrospectives.
• Champion continuous improvement and experimentation, helping teams adoptnew UI technologies and approaches.
• Support third-party partners in implementing NGED’s UI standards and qualityexpectations.
• Take ownership of personal development and career progression, activelycontributing to the wider engineering community.
  
  
  

About You

• Strong proficiency in HTML, CSS, and JavaScript (ES6+), with experience in atleast one modern front-end framework (React preferred).
• Demonstrated experience in building and maintaining responsive and accessibleinterfaces at scale.
• Familiarity with state management libraries and component-based architectures.
• Experience working with design systems and tools such as Figma or Storybook.
• Solid understanding of web performance optimisation, testing (unit, integration,and end-to-end), and cross-browser compatibility.
• Experience with front-end tooling and bundlers such as Webpack, Vite, orsimilar.
• Familiarity with Git and CI/CD pipelines.
• Understanding of REST APIs and integration with back-end services.
• Awareness of secure coding practices and data privacy considerations in UI development.
• Excellent problem-solving and analytical skills.
• Strong communication and collaboration skills, with the ability to work effectivelyin cross-functional teams.
• Experience working within Agile teams using Scrum or Kanban frameworks.
• Experience with accessibility standards (e.g., WCAG 2.1), and a passion forinclusive design.
  
  
  

More Information

A competitive salary between £52,972 - £63,144– dependent on capability

As well as your base salary, you will receive a bonus based on personal and company performance and a competitive contributory pension scheme where we will double match your contribution to a maximum company contribution of 12%. You will also have access to a number of flexible benefits such as a share incentive plan, salary sacrifice car and technology schemes, support via employee assistance lines and matched charity giving to name a few.