UI Engineer

National Grid; Warwick; Hybrid; GBP 57,000 - 67,000; Full time

Job summary

A leading energy company is seeking a UI Engineer to design and develop user-centric front-end interfaces for their Electricity Distribution team. This role involves collaboration with UX designers and product managers to deliver high-quality, accessible solutions while advocating for best practices in UI. A competitive salary between £57,000 - £67,000 is offered along with numerous flexible benefits.

Benefits

Bonus based on performance

Contributory pension scheme

Flexible benefits

Employee assistance support

Qualifications

• Strong proficiency in modern front-end frameworks (React preferred).
• Demonstrated experience in building and maintaining interfaces at scale.
• Familiarity with state management libraries.

Responsibilities

• Develop high-quality, responsive, and accessible user interfaces.
• Collaborate with UX designers and product teams.
• Ensure a consistent look and feel across all digital products.

Skills

HTML, CSS, and JavaScript (ES6+)

Responsive and accessible interfaces

React

Problem-solving skills

Communication and collaboration

Agile methodologies

Accessibility standards (WCAG 2.1)

Tools

Webpack

CI/CD pipelines

Figma

Storybook

Job description

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.

About The Role

Reporting to the Head of UI, the UI (User Interface) Engineer is responsible for designing, developing, and optimising user-centric front-end interfaces across NGED's digital platforms. This role involves working closely with UX Designers, Product Managers, and Software Engineers to bring wireframes, prototypes, and design concepts to life using modern web technologies.

The UI Engineer ensures consistent and accessible interfaces, delivering scalable and maintainable solutions that improve customer experience and align with the company's digital goals. The role champions UI best practices, performance, accessibility, and responsive design.

In addition to technical responsibilities, the UI Engineer will act as a subject matter expert, 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, and supporting the broader software engineering community through mentoring, coaching, and knowledge sharing.

What You'll Do

• Develop high-quality, responsive, and accessible user interfaces using modern JavaScript frameworks (specifically Angular).
• Collaborate with UX designers and product teams to translate design wireframes and prototypes into working front-end components.
• Ensure a consistent look and feel across all digital products through the implementation and maintenance of a shared design system.
• Write clean, modular, and testable front-end code following best practices and accessibility standards.
• Optimise application performance and load times through efficient front-end architecture and code splitting techniques.
• Conduct code reviews, provide feedback to peers, and contribute to front-end development standards and guidelines.
• Integrate RESTful APIs and work with back-end engineers to ensure seamless end-to-end system functionality.
• Troubleshoot interface issues and debug browser compatibility problems across devices 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, and retrospectives.
• Champion continuous improvement and experimentation, helping teams adopt new UI technologies and approaches.
• Support third-party partners in implementing NGED's UI standards and quality expectations.
• Take ownership of personal development and career progression, actively contributing to the wider engineering community.

About You

• Strong proficiency in HTML, CSS, and JavaScript (ES6+), with experience in at least one modern front-end framework (React preferred).
• Demonstrated experience in building and maintaining responsive and accessible interfaces 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, or similar.
• 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 effectively in 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 for inclusive design.

What You'll Get

A competitive salary between £57,000 - £67,000 - 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.

#LI-NH2

#LI-HYBRID

Diversity, Equity and Inclusion

National Grid is an equal opportunity employer that values a broad diversity of talent, knowledge, experience and expertise. We foster a culture of inclusion that drives employee engagement to deliver superior performance to the communities we serve. National Grid is proud to be an affirmative action employer. We encourage minorities, women, individuals with disabilities and protected veterans to join the National Grid team.