Front End Engineer

<div class="content-intro"><p><strong>About WPP Media</strong></p> <p>WPP is the trusted growth partner for the world’s leading brands. With exceptional talent, trusted data and intelligence, and world-class partnerships – all united by our pioneering agentic marketing platform, WPP Open – we help clients navigate change, capture opportunity, and deliver transformational growth. </p> <p>WPP Media is WPP's AI-driven media operating unit, bringing together media, data, and partnerships to deliver creative personalisation at scale. Connected through WPP Open and powered by Open Intelligence, clients see exactly where, how, and why their media investment is working.</p> <p>For more information, visit <a href="wppmedia.com">wppmedia.com</a>.</p></div><p><strong><span data-contrast="none">3058 -&nbsp; Front-end Engineer - Manchester</span></strong></p> <p><strong><span data-contrast="none">Role Summary and Impact</span></strong><span data-ccp-props="{}">&nbsp;</span></p> <p>At Code, we design and build digital products and platforms for a range of clients.</p> <p>We’re looking for a Front-end Engineer with strong browser-side engineering skills who cares about how interfaces work in practice.</p> <p>You’ll work mainly in TypeScript and React, building responsive, accessible and performant interfaces as part of a multidisciplinary product team. We use application frameworks including React Router and Next.js, but strong foundations in HTML, CSS and JavaScript matter just as much.</p> <p>This is a senior engineering role, so you’ll do more than implement designs. You’ll help shape how interfaces are built, work closely with designers on interaction and behaviour, contribute to technical decisions, and help other engineers improve their front-end skills.</p> <p>You’ll also contribute to how we approach front-end engineering across Code, sharing what works and challenging approaches when there’s a better way to do things.</p> <p><strong><span data-contrast="none">Skills and Experience</span></strong><span data-ccp-props="{&quot;335559739&quot;:0}">&nbsp;</span></p> <ul> <li>Build high-quality user interfaces using TypeScript, React, HTML and CSS.</li> <li>Work with React Router, Next.js and similar React application frameworks.</li> <li>Work closely with designers to turn ideas and designs into usable, responsive interfaces rather than simply reproducing static screens.</li> <li>Make accessibility part of the way software is designed and built, not something added at the end.</li> <li>Pay close attention to browser performance, loading behaviour and the experience across different devices and connection speeds.</li> <li>Help shape component architecture and contribute to reusable design systems and shared patterns.</li> <li>Write automated tests at the right level, from component and interaction tests through to browser-based end-to-end testing.</li> <li>Review code, talk through approaches and help less experienced engineers develop their skills.</li> <li>Work alongside other engineers to understand APIs, application behaviour and how the front end fits into the wider platform.</li> <li>Contribute to the front-end engineering community at Code, sharing ideas and helping us improve how we build for the web.</li> <li><span data-contrast="none">Highly competent across core front-end skillsets: HTML, CSS/SCSS, JavaScript (Vanilla) etc.</span><span data-ccp-props="{&quot;335559685&quot;:426,&quot;335559991&quot;:436}">&nbsp;</span></li> </ul> <p>You’ll have good experience building production web applications and strong browser fundamentals.</p> <p>HTML, CSS and JavaScript matter to us. You should understand how browsers work and be able to build interfaces that are responsive, accessible and robust without relying on a framework to solve everything.</p> <p>You’ll also need solid TypeScript and React experience, with experience working in applications built with React Router, Next.js or similar approaches.</p> <p>Accessibility should be familiar territory. You should understand semantic HTML, keyboard interaction, focus management and the practical application of WCAG when building interfaces. You should also have experience testing interfaces with screen readers and understand how common interaction patterns are experienced by people using assistive technology.</p> <p>Performance matters too. You should be able to investigate and improve things such as loading, rendering, JavaScript execution, images and Core Web Vitals.</p> <p>You’ll need experience with automated testing. The exact tools are less important than knowing what to test and why, but you may have worked with tools such as Vitest, Jest, React Testing Library, Playwright or Cypress.</p> <p>Working well with designers is important. That means understanding the intent behind a design, talking through interaction and responsive behaviour, spotting problems and contributing to the solution rather than waiting for every detail to be specified.</p> <p>Experience with design systems, Storybook, design tokens or shared component libraries is useful, particularly if you’ve helped establish patterns rather than simply consumed them.</p> <p>As a senior engineer, you’ll also be expected to support others. You don’t need to have formally managed people, but you should be able to review work, share what you know and help other engineers develop.</p> <p>We don’t expect you to match every technology we use. We’re more interested in strong front-end fundamentals, good engineering judgement and a genuine interest in building accessible, well-crafted web interfaces.</p> <p><strong><span data-contrast="none">Life at WPP Media &amp; Benefits</span></strong><span data-ccp-props="{}">&nbsp;</span></p> <p><span data-contrast="none">Our passion for shaping the next era of media is powered by our commitment to</span><span data-contrast="none"> </span><span data-contrast="none">Be Extraordinary, investing in our employees to inspire transformational creativity. We a