{"id":3986850,"url":"https://alion.io/job/national-grid-ui-engineer","title":"UI Engineer","company":{"id":1754610,"name":"National Grid","domain":"nationalgrid.com","url":"https://alion.io/company/national-grid","size_band":"5000+","is_staffing_agency":false,"employer_type":"direct","is_intermediary":false,"listed_via":null,"ats_vendor":"SuccessFactors","truth_index":{"grade":"A","score":100,"open_postings":8,"ghost_share":0,"stale_share":0.125,"repost_share":0,"time_to_fill_p50_days":15,"computed_at":"2026-11-09T06:03:00Z"}},"role":"Frontend","role_family":"Frontend","seniority":null,"employment_type":null,"work_mode":"hybrid","remote_scope":null,"remote_scope_basis":null,"remote_working_hours":null,"hiring_geo_confidence":"structured","locations":["Cardiff, United Kingdom"],"countries":["GB"],"hiring_countries":[],"hiring_countries_total":0,"salary":{"min":57000,"max":68000,"currency":"GBP","period":"year","gross":null,"usd_annual":91210},"salary_estimate":null,"experience_years_min":null,"visa_sponsorship":true,"relocation_package":false,"has_equity":false,"technologies":[{"name":"Agile","optional":false},{"name":"Angular","optional":false},{"name":"CI/CD","optional":false},{"name":"Figma","optional":false},{"name":"Git","optional":false},{"name":"JavaScript","optional":false},{"name":"Kanban","optional":false},{"name":"Node JS","optional":false},{"name":"Rest API","optional":false},{"name":"Scrum","optional":false},{"name":"Storybook","optional":false},{"name":"TypeScript","optional":false},{"name":"Vite","optional":false},{"name":"Webpack","optional":false}],"status":"live","first_seen_at":"2026-11-09T21:53:54Z","employer_posted_date":"2026-11-09","last_verified_at":"2026-11-09T21:53:54Z","board_verified":true,"closed_at":null,"days_open":0,"trust":{"level":"ok","repost_count":null,"flags":[],"days_open":0},"description":"About us\nAt 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. So, join us as a UI Engineer, and find your superpower.\nNational Grid is hiring a UI Engineer to join our Technology team. 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 fits your working pattern.\nYou’ll play a key role in designing and developing secure, scalable software solutions that support critical operations across our enterprise.\nAbout the Role\nReporting to the Lead UI Engineer, you’ll play a pivotal role in shaping the look, feel, and performance of NGED’s digital platforms. As a UI Engineer, 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.\nWorking 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.\nYou’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.\nBeyond 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.\n\nBuild 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.\nDesign, 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.\nPartner 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.\nHelp deliver a consistent and polished look and feel across all digital products by contributing to and evolving a shared design system.\nWrite clean, modular, testable code that follows best-practice programming principles, accessibility standards, and secure coding guidelines.\nContinuously improve performance and user experience by optimising front-end architecture, load times, and implementing smart code-splitting techniques.\nReview code, provide constructive feedback, and help shape front-end standards and engineering guidelines.\nCollaborate with back-end engineers to define data contracts, integrate RESTful APIs, and ensure smooth, end-to-end system functionality.\nDiagnose and resolve UI issues, defects, and incidents, keeping our digital platforms reliable and user-focused.\nAbout You\nStrong 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.\nHighly skilled in automated testing, with experience writing unit, integration, and end-to-end tests, and applying test-driven and behaviour-driven development practices.\nProven 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.\nComfortable working with Git and modern development workflows, including branching strategies, CI/CD pipelines, feature toggling, semantic versioning, and semantic commits.\nSolid understanding of RESTful APIs, with hands-on experience integrating front-end applications with back-end services and contributing to clearly defined data contracts.\nExperience working with UX design systems and tools such as Figma and Storybook, ensuring consistency and quality across digital products.\nA natural problem-solver with strong analytical skills, able to break down complex challenges and deliver elegant front-end solutions.\nA confident communicator and collaborator, comfortable working within cross-functional teams of designers, engineers, and product professionals.\nExperience working in Agile teams using frameworks such as Scrum or Kanban, with a willingness to contribute to ceremonies and continuous improvement.\nWhat You'll Get\nCompetitive Salary: circa £57,000 - £68,000 per annum (based on capability, and experience)\nAdditional benefits:\n26 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.\nA 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.\nLife insurance cover of 10x your basic salary, plus employer contributions towards the cost of your Private Medical Insurance.\nFlexible benefits such as a cycle scheme, share incentive plan, technology schemes\nAccess 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\nAccess to Work + Family Space, providing support and resources for work and family life, including paid emergency childcare and eldercare\nMore Information\nThis 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. \nEvery quarter, you’ll attend a 2-3 day in-person planning event held at one of our office locations.\nThis role is offered on a full time basis.\nThis role closes on 23rd November however we strongly encourage candidates to submit their application as early as possible. \nWe 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.\nPlease 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.","description_format":"text","description_chars":7665,"description_truncated":false,"requirements":{"experience_years_min":null,"management_years_min":null,"team_size_min":null,"manages_managers":false,"education":null,"security_clearance":false,"languages":[]},"benefits":["Annual leave","Flexible schedule","Health insurance","Hybrid work","Life insurance"],"hiring_locations":[{"name":"United Kingdom","iso":"GB","kind":"country"}],"hiring_excludes":[],"relocation_offered":false,"industries":["Power Grid"],"lifecycle":[{"event":"open","at":"2026-11-09T21:53:54Z"}],"visa":[{"country":"GB","licensed_sponsor":true,"adverts_offering_sponsorship_24m":3,"sanctioned_now":false,"evidence":"Licensed UK visa sponsor (Skilled Worker, Senior or Specialist Worker)","filings_12m":null,"filings_prev_12m":null,"green_card_filings_12m":null,"median_offered_wage_usd":null,"route":"Skilled Worker; Global Business Mobility: Senior or Specialist Worker","cap_exempt":false,"checked_at":"2026-11-09T07:32:21+00:00","sources":["UK Home Office: register of licensed sponsors (workers)","Alion: sponsorship offered in the employer's own job adverts (24 months)"],"filings_for_role_12m":0}],"liveness":{"score":86,"band":"hot","label":"Hiring now","p_open":1,"p_active":0.86,"p_room":1,"age_days":0,"expected_fill_days":15,"reasons":["conf:0","win:early","comp:brand"],"computed_at":"2026-11-09T22:44:52Z"},"pay":{"stated_usd_annual":91210,"is_top_pay":false},"html_url":"https://alion.io/job/national-grid-ui-engineer","json_url":"https://alion.io/job/national-grid-ui-engineer.json","meta":{"generated_at":"2026-11-09T22:44:52Z","cache_seconds":300,"methodology":"https://alion.io/methodology","terms":"https://alion.io/terms","contact":"https://alion.io/contact","api":"https://alion.io/developers","about":"Alion is a live layer of people, companies and AI agents: who they are, whether they are real and active right now, what they do and how to work with them, readable by people and by agents and paid per call.","catalog":"https://alion.io/catalog.json","usage":{"tier":"crawler_verified","counted_by":"address","units_charged":1,"used_today":12667,"day_limit":null,"remaining_today":null,"minute_limit":300,"resets_at":"2026-11-10T00:00:00Z"}},"offers":[{"id":"company.slices","title":"One company in depth, by slice","status":"live","price":{"credits":0.1,"usd":0.01,"plus_per_slice":{"credits":0.05,"usd":0.005}},"unit":"per company, plus each slice with data","note":"the employer in depth","call":{"mcp_tool":"get_company","arguments":{"id":1754610},"rest":"https://alion.io/mcp/rest/get_company?id=1754610"},"human":"https://alion.io/catalog?offer=company.slices&for=job%2Fnational-grid-ui-engineer"},{"id":"market.stats","title":"A market slice: pay, demand and time to fill","status":"live","price":{"credits":2,"usd":0.2},"unit":"per slice","note":"pay, demand and time to fill for this role and place","call":{"mcp_tool":"market_stats"},"human":"https://alion.io/catalog?offer=market.stats&for=job%2Fnational-grid-ui-engineer"},{"id":"job.search","title":"Open jobs by role, technology, place, pay and visa","status":"live","price":{"credits":0.1,"usd":0.01},"unit":"per posting in a list","note":"similar open postings","call":{"mcp_tool":"search_jobs"},"human":"https://alion.io/catalog?offer=job.search&for=job%2Fnational-grid-ui-engineer"},{"id":"company.verify","title":"Is this company real and active right now","status":"pilot","price":null,"unit":"per company","request":{"url":"https://alion.io/catalog/request","method":"POST","body":"{\"offer\": \"company.verify\", \"for\": \"job/national-grid-ui-engineer\", \"note\": \"what you need it for\"}"},"human":"https://alion.io/catalog?offer=company.verify&for=job%2Fnational-grid-ui-engineer"}],"agent":{"mcp":"https://alion.io/mcp/jobs","mcp_open":"https://alion.io/mcp/open","next":[{"tool":"get_job","arguments":{"id":3986850}},{"tool":"search_jobs","arguments":{"company":"nationalgrid.com","detail":"compact"}},{"tool":"match_people","arguments":{"job_id":3986850},"note":"people open to offers who fit this vacancy"}],"note":"The same data through MCP tools: https://alion.io/mcp/open needs no sign-in (compact searches, postings, people); https://alion.io/mcp with an Alion account has everything. Docs: https://alion.io/developers"}}