<br></h3>
<p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">Scrumconnect Consulting is a multi-award-winning UK public sector digital consultancy, positively influencing the lives of over forty million UK citizens. We bring deep expertise in agile delivery, digital transformation, and platform engineering across central government. With a team of over one hundred and twenty-five professionals — more than forty percent of whom are women — we are committed to building inclusive, diverse teams that reflect the communities we serve.</span><br></p>
<h2 style="font-family:Roboto, sans-serif; font-weight:600; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-style:normal; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px" class="size">The Role</span></span><br></h2>
<p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">We're looking for a Frontend Developer to work across our UK government clients, designing, building and improving user-centred, high-volume digital services.</span><br></p>
<p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">You'll work with designers, user researchers and engineers to deliver accessible, well-engineered frontends. That includes building and growing the design systems and reusable components that help teams deliver consistently and quickly.</span><br></p>
<h2 style="font-family:Roboto, sans-serif; font-weight:600; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-style:normal; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px" class="size">Key Responsibilities</span></span><br></h2>
<p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"> <br> </p> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Build and maintain user-centred frontends, design systems and component libraries using Angular, React and TypeScript, integrating with APIs and .NET Core microservices.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Work with designers in Figma to turn designs into reusable components, and set the frontend standards others follow.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Make sure services meet the Service Standard, WCAG 2.2 AA and secure-by-design principles, including auditing and fixing accessibility issues.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Help delivery teams adopt the design system through clear documentation, guidance and hands-on support.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Build and maintain automated build and test pipelines in Azure DevOps, including automated and DAST security testing.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Work in blended, multi-supplier agile teams, contributing to service assessments, code reviews and coaching.</span>
<br> </div> <p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"> <br> </p> <h2 style="font-family:Roboto, sans-serif; font-weight:600; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-style:normal; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px" class="size">What We're Looking For</span></span><br></h2>
<p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"><b style="font-family:Roboto, sans-serif !important; font-weight:700; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">Essential:</span></b><br></p>
<p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"> <br> </p> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● BPSS clearance (or the ability to obtain it).</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Proven experience building design systems and component libraries.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Deep expertise in JavaScript, TypeScript, Angular, React, HTML and CSS.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Accessibility expertise, including auditing and remediating to WCAG 2.2 AA.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Working knowledge of Figma, particularly Dev Mode.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Experience calling APIs and working with RESTful microservices.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Hands-on experience with Azure DevOps YAML pipelines, automated testing (for example Jest, Cypress or Playwright) and DAST tools.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Experience delivering services to the Service Standard in complex government environments.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● A clear communicator, able to explain technical progress to any audience.</span>
<br> </div> <p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"> <br> </p> <p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"><b style="font-family:Roboto, sans-serif !important; font-weight:700; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">Desirable:</span></b><br></p>
<p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"> <br> </p> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Experience with the GOV.UK Design System or a departmental design system.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Familiarity with legacy .NET and migrating away from legacy systems.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Experience integrating with GOV.UK One Login, Pay or Notify.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">● Familiarity with Azure serverless, infrastructure as code (for example Terraform or Bicep) and observability.</span>
<br> </div> <div style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"> <br> </div> <h2 style="font-family:Roboto, sans-serif; font-weight:600; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-style:normal; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px" class="size">Application Process</span></span><br></h2>
<ol style="font-family:Roboto, sans-serif; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" start="1"> <li style="font-family:Roboto, sans-serif !important; margin:0px 0px 8px; padding:0px 0px 0px 8px; border:0px; outline:0px; background:0px 0px; list-style:outside decimal; position:relative; line-height:21px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">Submit your CV to </span><a style="font-family:Roboto, sans-serif !important; background-color:transparent; text-decoration:none; color:rgb(104, 181, 76) !important" target="_blank" href="mailto:recruitment@scrumconnect.com"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">recruitment@scrumconnect.com</span></a><br></li>
<li style="font-family:Roboto, sans-serif !important; margin:0px 0px 8px; padding:0px 0px 0px 8px; border:0px; outline:0px; background:0px 0px; list-style:outside decimal; position:relative; line-height:21px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">If shortlisted, you will be invited to attend two interview stages.</span><br></li>
</ol> <p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal" class="isSelectedEnd"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">Scrumconnect Ltd is committed to creating an inclusive workplace and welcomes applications from individuals of all backgrounds and experiences.</span><br></p>
<h2 style="font-family:Roboto, sans-serif; font-weight:600; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-style:normal; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px" class="size">Diversity and Inclusion</span></span><br></h2>
<p style="font-family:Roboto, sans-serif; margin:0px 0px 16px; padding:0px; border:0px; outline:0px; background:0px 0px rgb(255, 255, 255); color:rgb(23, 27, 39); font-size:medium; font-style:normal; font-weight:400; letter-spacing:normal; orphans:2; text-indent:0px; text-transform:none; widows:2; word-spacing:0px; white-space:normal"><span style="font-family:Roboto, sans-serif !important; margin:0px; padding:0px; border:0px; outline:0px; background:0px 0px">At Scrumconnect Consulting, we believe that diversity drives innovation. We are committed to creating an inclusive environment where every individual is respected, valued, and supported. We welcome applications from candidates of all backgrounds and experiences, and we actively encourage applications from women, people with disabilities, underrepresented communities, and those seeking flexible working arrangements.</span><br></p>
<div> <br> </div> <br>Application Requirements
Candidates must have proven experience building design systems and deep expertise in JavaScript, TypeScript, Angular, and React. You are also required to hold or be able to obtain BPSS clearance and possess strong knowledge of accessibility standards like WCAG 2.2 AA.