Senior Front-End Developer

<div><p>A UK-based company is seeking an experienced<b>Senior</b><b>Front-End Developer</b>to help build a<b>scalable, component-based design system</b>based on Figma designs. You will play a key role in translating UX/UI concepts into reusable, production-ready code that will be integrated into the<b>Umbraco CMS</b>by back-end developers.</p><p>This is a<b>remote position</b>based in the UK, working closely with cross-functional teams, including UI/UX designers and back-end developers. The ideal candidate will bring a deep understanding of front-end technologies and a passion for clean, maintainable code.</p><h3>Responsibilities</h3><ul><li>Translate Figma designs into responsive, accessible front-end components</li><li>Build modular, reusable UI components based on<b>atomic design principles</b></li><li>Develop a component-based design system that supports<b>multi-site/brand consistency</b></li><li>Work closely with UI/UX designers to implement Figma prototypes faithfully</li><li>Write clear documentation and usage guidelines for handover to the<b>Umbraco CMS team</b></li><li>Maintain front-end performance through best practices like<b>lazy loading</b>and<b>code splitting</b></li><li>Ensure compliance with<b>WCAG accessibility standards</b>, including ARIA roles and keyboard navigation</li><li>Participate in Agile/Scrum workflows and collaborate via version control systems</li></ul><h3>Requirements</h3><h3>Core Technical Skills</h3><ul><li><b>a) Front-End Development</b><ul><li>Experience with<b>TypeScript</b>for scalable component development</li><li>Proficiency in<b>React</b>,<b>Vue.js</b>, or<b>Angular</b>(React preferred)</li><li>Understanding of<b>Razor views</b>and integration with<b>Umbraco CMS</b></li><li>Experience building reusable UI components using<b>Storybook</b>or similar tools</li><li>Knowledge of<b>atomic design principles</b></li><li>Ability to work with<b>design tokens</b>, theming, and style guides</li></ul></li><li><b>c) Styling&Layout</b><ul><li>Expertise in responsive, mobile-first design using<b>Flexbox</b>and<b>CSS Grid</b></li><li>Knowledge of<b>CSS architecture</b>methodologies (BEM, ITCSS, Tailwind)</li><li>Strong focus on<b>pixel-perfect implementation</b></li></ul></li><li><b>d) Tooling&Workflow</b><ul><li>Familiar with build tools like<b>Webpack</b>,<b>Vite</b>, or<b>Gulp</b></li><li>Experience with<b>Git</b>and repositories (GitHub, Bitbucket, Beanstalk)</li><li>Familiarity with<b>npm</b>,<b>Yarn</b>, or<b>pnpm</b></li><li>Understanding of<b>CI/CD pipelines</b>and best practices for handover</li></ul></li></ul><h3>Accessibility&Performance</h3><ul><li>Solid understanding of<b>WCAG</b>and<b>semantic HTML</b></li><li>Experience building<b>SEO-friendly</b>front-end architecture</li><li>Skills in<b>performance optimization</b>, including asset optimization</li><li>Effective collaboration with UI/UX teams to bring Figma prototypes to life</li><li>Clear and concise<b>documentation skills</b></li><li>Experience working in<b>Agile/Scrum</b>environments</li></ul><h3>Nice-to-Haves</h3><ul><li>Familiarity with<b>Umbraco CMS</b>front-end integration</li><li>Experience with<b>headless CMS setups</b>(e.g.,<b>Umbraco Heartcore</b>)</li><li>Knowledge of testing frameworks:<b>Jest</b>,<b>Cypress</b>, or<b>Playwright</b></li><li>Experience with<b>internationalization (i18n)</b>in front-end builds</li></ul><h3>Soft Skills</h3><ul><li>Ability to anticipate back-end integration needs</li><li>Clear communication across design, development, and stakeholder teams</li><li>Fully remote role ( Hourly Based)</li><li>Opportunity to build a scalable design system from the ground up</li><li>Collaborative team with strong design and development culture</li><li>Exposure to modern tech stacks and CMS platforms (e.g., Umbraco, React)</li><li>Work with a forward-thinking UK-based company in the employer marketing space</li></ul></div>#J-18808-Ljbffr